マルティスープ
Staff Blog

2016.07.11

Google Maps JavaScript API v3.24で追加された機能

こんにちは！

5月よりGoogle Maps Javascript API のリリ―スバージョンが3.24になりました。

今回はv3.24から追加された機能を紹介します。

Google Mapsでは地図上のPOIをクリックすると情報ウィンドウが表示されます。

Google Maps Javascript APIを使用した地図でも同じくPOIがクリックできます。

気になったPOIを確認するのに便利です。

しかし、Google Maps JavaScript APIを使用して、地図のクリックイベントを利用した機能を加えたWebアプリなどでは、これが無い方が使い勝手がよい場合があるかもしれません。

v3.24 APIよりPOIクリックによる情報ウィンドウ(InfoWindow)の表示する/しないを選択できるようになりました!

設定方法は次の通りです。

Mapオブジェクトの初期化オプションでclickableIconsプロパティをfalseに設定します。

  var map = new google.maps.Map(mapDiv:Element, {
    zoom: number,
    center: LatLng,
    ．．．．
　　clickableIcons: false

    });

また、Mapオブジェクトの生成後は次、のようにマップオブジェクト(map)に対して、次のメソッドを使い動的に変更することもできます。

  map.setClickableIcons(false);

これにより、POIをクリックしても情報ウィンドウ(InfoWindow)が表示されなくなります。

Google Maps APIの最新の仕様は、ここからで確認できます。

今後もスタッフブログではGoogle Maps JavaScript APIの最新動向などをお知らせしていきます。