ホームページでサービスのエリアを表示したいとき

googlemap apiを使ってサービスエリアみたいに範囲を表示させることができるんですって。

実際やってみました。

参考サイト：http://www.nanchatte.com/map/circle-v3.html

https://developers.google.com/maps/documentation/javascript/shapes?hl=ja

上記のとおりにやればできます。

下記は名古屋駅を中心に半径30kmを設定した円です。

ちなみに、ヘッダーにAPIキーを入れないと動きませんでした。（検証環境のWordpressでは貼り付けただけで動作したんですけどね）