Google Maps JS API v3-具有自定义标记的简单多个标记示例
||
这是一个简单的Google Map的很好的例子：
Google Maps JS API v3-简单多个标记示例
我试图在此示例中添加为每个制造商分配自定义图标的功能。
给定链接的示例：
var locations = [
[\'Bondi Beach\', -33.890542, 151.274856, 4],
[\'Coogee Beach\', -33.923036, 151.259052, 5],
[\'Cronulla Beach\', -34.028249, 151.157507, 3],
[\'Manly Beach\', -33.80010128657071, 151.28747820854187, 2],
[\'Maroubra Beach\', -33.950198, 151.259302, 1] ];
var locations = [
[\'Bondi Beach\', -33.890542, 151.274856, 4,\'images/icon1.png\'],
[\'Coogee Beach\', -33.923036, 151.259052, 5,\'images/icon2.png\' ],
[\'Cronulla Beach\', -34.028249, 151.157507, 3,\'images/icon3.png\' ],
[\'Manly Beach\', -33.80010128657071, 151.28747820854187, 2,\'images/icon4.png\' ],
[\'Maroubra Beach\', -33.950198, 151.259302, 1,\'images/icon5.png\' ] ];
没有找到相关结果
已邀请:
1 个回复
壬驴拿歪竞
var marker = new google.maps.Marker({ position: latlng, map: map, icon: \'http://www.kjftw.com/gmap/images/icons/numeric/red10.png\', zIndex: Math.round(latlng.lat() * -100000) << 5 });for(var i=0; i<locations.length; i++){ myGlobalMarker.push(new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map, icon: locations[i][4], title: locations[i][0] }); }是经度，是经度。这未经测试，但这是创建自定义图标的基础。是保存所有标记的全局变量数组。我不确定图标位置是否需要绝对URL或相对URL。但是，在我的Google Map应用程序中，我可以使用相对路径在标记上显示自定义图标。这是最终结果：