ネットワーク構築 パソコン設定 サーバ構築 無線LAN構築 名古屋市 豊田市

ホリテック ブログ 最新投稿

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

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

 

実際やってみました。

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

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

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

 

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

 

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

ホームページgoogle map,エリア,