いつもお世話になっております。
GoogleMap apiを使用して、複数のマーカーに情報ウィンドウを表示したいです。
その際に初期のマーカーをオリジナルのアイコンに変更したいのですが(すべて同じアイコンで大丈夫です)どこにどのように挿入すればいいのかわかりません。
どなたかご教示いただけませんでしょうか。
function inicializar() { // 初期設定 var option = { // ズームレベル zoom: 9, // 中心座標 center: new google.maps.LatLng(32.740485, 131.027392), // タイプ (ROADMAP・SATELLITE・TERRAIN・HYBRIDから選択) mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map"), option); google.maps.event.addListener(map, "click", function() {infowindow.close();}); // ポイントの追加 var point = new google.maps.LatLng(33.036883, 130.849557); var marker = create_maker(point, "竜門ダム", "竜門ダム<br><img src='http://3.bp.blogspot.com/-uW9X4NjqgzA/UFRT_AgM7DI/AAAAAAAAAYo/JNLQVtE9q70/s320/2011-12-04-%25E7%25AB%259C%25E9%2596%2580%25E3%2583%2580%25E3%2583%25A0-08.jpg' width='200'></img><br><a href='http://damlab.klutche.org/2011/12/blog-post_9484.html' target='_blank'>DAMLAB</a>"); var point = new google.maps.LatLng(32.320247, 131.012865); var marker = create_maker(point, "市房ダム", "市房ダム<br><img src='http://4.bp.blogspot.com/-sOzdnfNx6mo/UFHLThMKtGI/AAAAAAAAAW4/v8KkXeQnNHU/s320/2012-02-05-%25E5%25B8%2582%25E6%2588%25BF%25E3%2583%2580%25E3%2583%25A001.jpg' width='200'></img><br><a href='http://damlab.klutche.org/2012/01/blog-post_5.html' target='_blank'>DAMLAB</a>"); var point = new google.maps.LatLng(32.995505, 131.200759); var marker = create_maker(point, "大蘇ダム", "大蘇ダム<br><img src='http://2.bp.blogspot.com/-dEfeSWtFZ-c/UIokK0n2vtI/AAAAAAAAAsQ/n3PChKVRP7g/s320/2012-05-20-%25E5%25A4%25A7%25E8%2598%2587%25E3%2583%2580%25E3%2583%25A005.jpg' width='200'></img><br><a href='http://damlab.klutche.org/2012/01/blog-post_25.html' target='_blank'>DAMLAB</a>"); } function create_maker(latlng, label, html) { // マーカーを生成 var marker = new google.maps.Marker({position: latlng, map: map, title: label,}); // マーカーをクリックした時の処理 google.maps.event.addListener(marker, "click", function() { infowindow.setContent(html); infowindow.open(map, marker); }); gmarkers[i] = marker; i++; return marker; } function map_click(i) { google.maps.event.trigger(gmarkers[i], "click"); } google.maps.event.addDomListener(window, "load", inicializar);
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/18 01:58
2018/01/18 05:14
2018/01/18 05:18
2018/01/18 06:39