0

我将如何为这个设置添加额外的标记？目前有三个，我一直在搞乱它，但我不知道如何继续向它添加标记

我也在这个 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 错误

,在第三个位置之后，您在方括号后缺少一个逗号]

///....剪断
“布鲁克莱恩广场 10 号”，
"42.33262",
“-71.116439”
]， //就在这儿
[
《地铁栗子山》，
“绿线，D”，
///...剪辑

编辑

向地图添加自定义标记添加图标属性，如下所示 - 简单的方法是只放入一个 url - 如果要定义阴影和锚点，则很难构建一个 - 请参阅 Google Maps API 了解更深入的内容

var 标记 = 新的 google.maps.Marker({
    icon : "http://urlofmymarker.png", //逗号很重要
    位置：latlng，
    地图：地图
});
于 2012-10-26T19:43:34.600 回答