スポンサードリンク

Tag Archives: マーカー

地図をクリックして、マーカー（アイコン）を追加／全てのマーカー（アイコン）を一括で削除する方法

Posted by 管理人 on 2013年9月14日 3 comments | 2,446 views

1.地図をクリックして、マーカー（アイコン）を追加する方法

ポイントは、次の通り

1-1.グローバル変数に、var markersArray = [];を指定

1-2.マップをクリックしたらマーカー追加のイベントを記述

google.maps.event.addListener(map, ‘click’, function(event)
{
marker = createMarker(event.latLng);
markersArray.push(marker);
});

関数function createMarker(latlng)へ渡す

2.全てのマーカー（アイコン）を一括で削除する方法

2-1.リセットボタンを設置

2-2.関数clearMap() の設置／配列を空に

function clearMap()
{
for (var i = 0; i < markersArray.length; i++ )
{
markersArray[i].setMap(null);
}
markersArray = [];
}

アイコンが表示されていないただの地図にアイコン（マーカー）を追加する方法

Posted by 管理人 on 2013年4月30日 None comments | 1,745 views

このデモマップに複数のマーカーを表示させることは出来ますか？・・とのコメントを頂きました。出来ます。基本的にもともとのソースは変更せずに、足りないソースを追加していきます。

1.アイコンの表示設定

地図にどんなアイコンを表示させましょうか。Google Mapの標準アイコンもあれば、自作アイコンなどもありますよね。ここでは、Googel Mapで使用されている標準アイコンを使うことにします。

表現のソースはコチラのページ ”マーカー（アイコン）の種類、画像、サイズ、位置、影を変更する” の「サンプル4」にしましょう。

手軽にGoogle Map用のアイコンに利用出来るメトロスタジオMetro Studio2（今なら無料）

Posted by 管理人 on 2012年8月19日 None comments | 2,745 views

メトロスタジオMetro Studio1は、アイコンのサンプルも少なく、自分で自由にGoogle Map用のアイコンが作れなかったのですが、Metro Studio2（いまなら無料）は、いいです。

アイコン一覧

Posted by 管理人 on 2012年8月5日 8 comments | 197,660 views

2014/04更新：

Google Maps API V3; schedule of Icons for markers

グーグルマップ用のアイコンを探して増やしました。 Google Maps API グーグルマップで必要になるのがアイコンのサンプル。

Google Map アイコン一覧表にまとめてみました。影付きも用意。

マウスの右クリックで、URLをコピペしてダウンロード保存してください。



	マーカー。アイコン用影


	プッシュピン用影
































	ミニマーカー。アイコン用影


	矢印用影

◆グーグルアースやその他で使用されているアイコン一覧

◆世界地図に便利な国別の国旗アイコン

ISO国コードによる国・地域別のSVGアイコン、PNGアイコンがダウンロードできます。　ページの後半に「You can download pre built PNG icon sets from my Dropbox.」とあり、そこからzipファイルでまとめて国旗をダウンロードできます。国旗アイコンのサイズも様々に揃ってます。

https://github.com/koppi/iso-country-flags-svg-collection

◆手軽にGoogle Map用のアイコンに利用出来るメトロスタジオMetro Studio2

Metro Studio2（いまなら無料）は、いいです。かなり自由に自分好みのグーグルマップ用に使えそうなアイコンを作成できます。地図のアイコンに統一感がでてきますし、大きさ、カラーも変えられます。アスファベットアイコン、数字アイコン、漢字アイコン等も自由で、Googleマップに使えそうなご希望のアイコンが大抵揃いそうです。ただし、アイコンは「まる」か「四角」のみ。（詳しくは、コチラ）