【ねとWeb】-アフィリエイト生活に27歳で挑戦中-

GoogleMAPに半径を指定した円を描く(ある地点から○○km)

2013年12月10日  カテゴリー:その他

  • このエントリーをはてなブックマークに追加

GoogleMAP(グーグル・マップ)Googleマップは普段WEBにかなり活用しております。
イラストのデメリットである、更新の作業が必要ないからですね。
※前はたくさん使った。

今は便利になりましたね。

そんなこんなですが、Googleマップのちょっと違った使い方をご紹介。
 


たまたま、案件で営業地域が決まっているお客さんがいて、Googleマップにかけたら便利と探していた所、APIで有りました!!
※やっぱりイラストが大変なんでw
とりあえず、こんな感じ。です。

 

================================
<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>

<div id='map' style='width:500px; height:400px;'><br /></div>
<script type="text/javascript">
 var myLatLng = new google.maps.LatLng(35.710139, 139.810833);
 var myMap = new google.maps.Map(document.getElementById('map'), {
  zoom: 8,
  center: myLatLng,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  scaleControl: true,
  scrollwheel: false
 });
 new google.maps.Circle({
  center: myLatLng,       // 中心点(google.maps.LatLng)
  fillColor: '#ff0000',   // 塗りつぶし色
  fillOpacity: 0.5,       // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明)
  map: myMap,             // 表示させる地図(google.maps.Map)
  radius: 95330,          // 半径(m)
  strokeColor: '#ff0000', // 外周色
  strokeOpacity: 1,       // 外周透過度(0: 透明 ⇔ 1:不透明)
  strokeWeight: 1         // 外周太さ(ピクセル)
 });
</script>
================================

いろいろと活用できそうです。
住所から座標を出す場合はこちらから↓
Google Map座標取得:http://www.pha.co.jp/gmap/
 


その他の関連する記事