Google Map API v3がリリースされて大分時間も経ちましたね。

しかし、まだまだ、解説やらサンプルはv2とかのほうが多く、結構困惑してしまいます。。。

ジオコーディングのサンプルがなかなか無かったので、とりあえずGoogle Map API v3でジオコーディングする方法をメモ代わりに。
<script type="text/javascript">
	 
    google.maps.event.addDomListener(window, 'load', function() {
        var mapdiv = document.getElementById("map_canvas");
		var myLatLng;
		var myOptions
		var geo = new google.maps.Geocoder();
		geo.geocode({'address':"東京都千代田区北の丸公園2-3",'country':"ja"},function(res,status){
			myLatLng = res[0].geometry.location;
			myOptions = {
				zoom: 17,
				center: myLatLng,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				scaleControl: true
			};
       		var map = new google.maps.Map(mapdiv, myOptions);
			var marker1 = new google.maps.Marker({
					position:myLatLng,
					map: map,
					title: '日本武道館'
			});
			var polyOptions = {
				path:new Array(myLatLng,
new google.maps.LatLng(35.693108,139.749194),
new google.maps.LatLng(35.693602,139.74895),
new google.maps.LatLng(35.693849,139.749023),
new google.maps.LatLng(35.694066,139.749495),
new google.maps.LatLng(35.694722,139.749176),
new google.maps.LatLng(35.695029,139.7492965),
new google.maps.LatLng(35.695166,139.750219)),
				strokeColor:"#cc0000",
				strokeOpacity:0.7,
				strokeWeight:8
			};
			
			var pl = new google.maps.Polyline(polyOptions);
			pl.setMap(map);
		});
	});
</script>


ジオコーディングして、適当に線を引いてるサンプルということですね。

ソースを綺麗に表示出来るようにしなきゃなぁ。。。

カテゴリ:

タグ: