中級プログラマの自宅でPHP ブログ

自宅用ポータルシステム「MyHome Portal」をオープンソースで公開。MyHome Portalの説明とエンハンス情報。

備忘録:Google Maps Javascript API:主要なスポット(POI)情報ウィンドウを表示させない方法。

Google Maps Javascript APIで作成した地図の主要なスポットをマウスでクリックすると、ポップアップで情報ウィンドウが表示される。

これを、POI(point of interest)と呼ぶ。

f:id:ok2nd:20190823084818j:plain

この情報ウィンドウを表示させないためには、Mapオブジェクトの初期化オプションでclickableIconsプロパティをfalseにする。

map = new google.maps.Map(document.getElementById('map'), {
	zoom: number,
	....
	clickableIcons: false
});

Mapオブジェクトの生成後はマップオブジェクト(map)に対して、次のメソッドを使ってオン/オフを設定できる。

map.setClickableIcons(false);