GoogleMaps API（v2）

Google Maps API v2が廃止され現在はすべてv3によって運用されています。
ここでは「過去のv2コード」がそのまま実行されている環境である場合に、
本日現在にロードされているGoogle Maps APIのバージョンを表示して確認します。

概要

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

GoogleMaps APIの実行

現在の実行バージョン：

サンプルコード

JavaScript

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

<script src="https://maps.google.co.jp/maps?file=api&v=2&hl=ja&key=AIzaSyDolyPv2PpWEuzyTAV8vxnGM4DOuPeeal0" type="text/javascript"></script>
<script type="text/javascript">
function myMarker(lat, lng, msg) {
    var marker = new google.maps.Marker(new google.maps.LatLng(lat, lng));
    google.maps.Event.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(msg);
    });
    return marker;
}

function init(){
    var map = new google.maps.Map2(document.getElementById("gmap_canvas_normal"));
    map.setCenter(new google.maps.LatLng(34.833033, 134.692113), 15);

    map.addOverlay(myMarker(34.828009, 134.690001, "⑥のりば"));
    map.addOverlay(myMarker(34.835285, 134.693528, "姫路城大手門前"));
    map.addOverlay(myMarker(34.835594, 134.696037, "姫路郵便局"));
    map.addOverlay(myMarker(34.838659, 134.697244, "美術館前"));
    map.addOverlay(myMarker(34.840422, 134.696094, "博物館前"));
    map.addOverlay(myMarker(34.840685, 134.691783, "清水橋(文学館前)"));
    map.addOverlay(myMarker(34.836983, 134.689904, "好古園前"));
    map.addOverlay(myMarker(34.832329, 134.691907, "大手前通り"));
    map.addOverlay(myMarker(34.828687, 134.690774, "姫路駅前(姫路OSビル前)"));
}
google.maps.event.addDomListener(window,"load",init);
var gmapv = google.maps.version;
console.log(gmapv);
$('#ver_n').text(gmapv);
</script>

function myMarker(lat, lng, msg) {

var marker = new google.maps.Marker(new google.maps.LatLng(lat, lng));

google.maps.Event.addListener(marker, "click", function() {

marker.openInfoWindowHtml(msg);

});

return marker;

}

function init(){

var map = new google.maps.Map2(document.getElementById("gmap_canvas_normal"));

map.setCenter(new google.maps.LatLng(34.833033, 134.692113), 15);

map.addOverlay(myMarker(34.828009, 134.690001, "⑥のりば"));

map.addOverlay(myMarker(34.835285, 134.693528, "姫路城大手門前"));

map.addOverlay(myMarker(34.835594, 134.696037, "姫路郵便局"));

map.addOverlay(myMarker(34.838659, 134.697244, "美術館前"));

map.addOverlay(myMarker(34.840422, 134.696094, "博物館前"));

map.addOverlay(myMarker(34.840685, 134.691783, "清水橋(文学館前)"));

map.addOverlay(myMarker(34.836983, 134.689904, "好古園前"));

map.addOverlay(myMarker(34.832329, 134.691907, "大手前通り"));

map.addOverlay(myMarker(34.828687, 134.690774, "姫路駅前(姫路OSビル前)"));

}

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