GoogleMaps API（v=3.22）

Google Maps API v2が廃止され現在はすべてv3によって運用されています。
ここでは「v=3.22」を指定した場合に、
本日現在にロードされてくるGoogle Maps APIのバージョンを表示して確認しています。

概要

1 GoogleMaps APIの実行
2 サンプルコード
- 2.1 JavaScript
3 参考

GoogleMaps APIの実行

現在の実行バージョン：

サンプルコード

JavaScript

Markerオブジェクト(def_marker)を作成し対象に
gmap_canvas を指定しています。
Markerオブジェクトを作成する際にiconを指定しています。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.22"></script>
<script type="text/javascript">
	function init(){
		var map_div = document.getElementById("gmap_canvas_normal");
		var gmap_canvas = new google.maps.Map(map_div,{
			center: new google.maps.LatLng(34.839450, 134.693903),
			zoom : 14,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		});
		var def_marker = create_marker({
			map: gmap_canvas,
			position: new google.maps.LatLng(34.839450, 134.693903)
		});
	}
	function create_marker(options){
		var m =  new google.maps.Marker(options);
		return m;
	}
	google.maps.event.addDomListener(window,"load",init);
	var gmapv = google.maps.version;
	console.log(gmapv);
	$('#ver_n').text(gmapv);
</script>

function init(){

var map_div = document.getElementById("gmap_canvas_normal");

var gmap_canvas = new google.maps.Map(map_div,{

center: new google.maps.LatLng(34.839450, 134.693903),

zoom : 14,

mapTypeId : google.maps.MapTypeId.ROADMAP

});

var def_marker = create_marker({

map: gmap_canvas,

position: new google.maps.LatLng(34.839450, 134.693903)

});

}

function create_marker(options){

var m = new google.maps.Marker(options);

return m;

}

google.maps.event.addDomListener(window,"load",init);

var gmapv = google.maps.version;

console.log(gmapv);

$('#ver_n').text(gmapv);

</script>

参考

最新バージョンは以下で確認できます。

JavascriptMapsAPIv3Changelog – gmaps-api-issues – A changelog that shows the releases for JS API v3. – Google Maps API bug reports and feature requests – Google Project Hosting

バグフィックス等の更新履歴は以下で確認できます。

Issues – gmaps-api-issues – Google Maps API bug reports and feature requests – Google Project Hosting

GoogleMaps APIのロード仕様は以下が参考になります。

Getting Started | Google Maps JavaScript API#Loading_the_Maps_API | Google Developers