Google Maps JavaScript APIでセンターピンを非表示にする

Google Apps のロゴたち

静的なWebサイトだけでなく、WordPressなどでもよく使用するGoogle Maps JavaScript API。

めったにないことなのですが、先日、Google Mapsの地図の中央に立っているピンを非表示にしてほしいという要望をいただいたことがあり、どうしたらいいものか、ソースコードをひたすらカスタマイズしていたのですが、対処法がいかにもあっさりとしたものでした。

備忘録として、ブログ記事にしたいと思います。

対処法:Markerオブジェクトのvisibleをfalseにする

結論を先に見出しに書いてしまいました。笑

Google Maps JavaScript APIを使ってGoogle Mapsを表示するときに、Markerオブジェクトというものを作り、地図の中心点などにピンを表示することがよくあります。


var marker = new google.maps.Marker({
		position: latlng,//ピンを表示させたい緯度経度地点
		map: map, //ピンを表示させたい地図
		visible: false //ここをfalseにすると、ピンが非表示になる
});


上記のようなコードを書いてピン・マーカーを表示すると思うのですが、この中でvisibleという項目が実はあり、この項目をfalseにすると、Google Mapsのマーカーを非表示にすることができるのです!

こんな項目まであるんですね〜

まとめ

ということで、今回はGoogle Maps JavaScript APIでセンターピンを非表示にする方法をご紹介しました!

この方法はセンターピンだけでなく、特定の場所に打ったピンについても同じように適用することができるので、あまりないかと思いますが、必要なときはぜひ参考にしてみてくださいね!

シェアする

  • このエントリーをはてなブックマークに追加

フォローする