0

この設定にマーカーを追加するにはどうすればよいですか? 現在3つあり、いじっていますが、マーカーを追加し続ける方法がわかりません

私はこのJS Binでも試してみましたhttp://jsbin.com/agemuw/2/editしかし、うまくいきませんでした

JS:

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
var locations = [
[
"850 Boylston Street",
"Chestnut Hill, MA 02467",
"42.326435",
"-71.149499"
],
[
"Subway Brookline Village",
"Green Line, D",
"42.33279",
"-71.11630"
],
[
"Shuttle Brookline Village",
"10 Brookline Place",
"42.33262",
"-71.116439"
]
];

gmarkers = [];

var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: new google.maps.LatLng(42.326435, -71.149499),
mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();


function createMarker(latlng, html) {
var marker = new google.maps.Marker({
    position: latlng,
    map: map
});

google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(html);
    infowindow.open(map, marker);
});
return marker;
}

for (var i = 0; i < locations.length; i++) {
/*    alert("location:"+
      locations[i][0]+":"+locations[i][2]+","+locations[i][3]);
*/
gmarkers[locations[i][0]]=
createMarker(new google.maps.LatLng(locations[i][2], locations[i][3]), locations[i][0]    
+ "<br>" + locations[i][1]);
}

/*                                                    
$(function() {
$('#locations h3 a').each(function() { 
    $(this).on('click', function() { 
        google.maps.event.trigger(marker, 'click');    
    })    
  });    
});

*/
});//]]>

html:

<body>      
    <div id="map" style="width: 500px; height: 400px;"></div>

    <div id="locations">
        <h3><a href="javascript:google.maps.event.trigger(gmarkers['850 Boylston  
Street'],'click');">850 Boylston Street</a></h3>
        <p>Arbitrary content about 1</p>

        <h3><a href="javascript:google.maps.event.trigger(gmarkers['Subway Brookline 
Village'],'click');">Brookline Village T Stop</a></h3>
        <p>Arbitrary content about 2</p>

        <h3><a href="javascript:google.maps.event.trigger(gmarkers['Shuttle Brookline 
Village'],'click');">Shuttle - 10 Brookline Place</a></h3>
        <p>Arbitrary content about 3</p>

    </div>

</body>
4

1 に答える 1

0

Javascript エラーがあります

,3 番目の場所の後、角括弧の後にカンマがありません]

///....をちょきちょきと切る
"10 ブルックライン プレイス",
"42.33262",
「-71.116439」
], //ここに
[
「サブウェイ栗の丘」、
"グリーンライン、D"、
///...をちょきちょきと切る

編集

マップにカスタム マーカーを追加する 以下のようにアイコン プロパティを追加します - 簡単な方法は単に URL を挿入することです - 影を定義したい場合やアンカー ポイントを作成するのは難しい方法です - 詳細については Google Maps API を参照してください

var マーカー = 新しい google.maps.Marker({
    icon : "http://urlofmymarker.png", //コンマが重要
    位置: 緯度,
    マップ: マップ
});
于 2012-10-26T19:43:34.600 に答える