[英]Google Maps API v3 labels and markers in loop
I can create markers in a loop but I am not able to add labels in the same loop.我可以在循环中创建标记,但我无法在同一个循环中添加标签。 Is there a way to do this?有没有办法做到这一点? Can somebody share the code to do that?有人可以分享代码来做到这一点吗? Label has to be SYD, MEL, PERTH as in the array.标签必须是数组中的 SYD、MEL、PERTH。
var cities = {
'SYD' : [-21.459866 , 119.498334 ],
'MEL' : [-26.233502 , 119.323756 ],
'PERTH' : [-31.283012 , 119.444157 ]
}
for (var key in cities) {
var data = cities[key];
var marker = new google.maps.Marker({
position: new google.maps.LatLng (data[0], data[1]),
map: map,
icon: image,
title: 'test',
});
Not sure about this section不确定这部分
var label = new Label({
map: map
});
label.bindTo('position', marker, 'position');
label.bindTo('text', marker, 'position');
var cities = {
'SYD' : [-21.459866 , 119.498334 ],
'MEL' : [-26.233502 , 119.323756 ],
'PERTH' : [-31.283012 , 119.444157 ]
}
function initialize() {
var bangalore = { lat: -21.459866, lng: 119.498334 };
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: bangalore
});
// This event listener calls addMarker() when the map is clicked.
google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng, map);
});
var cities = {
'SYD' : [-21.459866 , 119.498334 ],
'MEL' : [-21.456866 , 119.518334 ],
'PERTH' : [-21.457866 , 119.528334 ]
};
for (var key in cities) {
var data = cities[key];
var t={ lat: data[0], lng: data[1] };
var marker = new google.maps.Marker({
position: t,
label: key,
map: map
});
}
// Add a marker at the center of the map.
}
You forgot add label parameter while create marker.您在创建标记时忘记添加标签参数。 See this fiddle for ref https://jsfiddle.net/6ou0n2fk/请参阅此小提琴以获取参考https://jsfiddle.net/6ou0n2fk/
try this code试试这个代码
function addMarker(myLatLng) {
var marker = new google.maps.Marker({
position: myLatLng,
icon: icons['info'].icon,
map: map
});
}
for(i=0; i<data.length; i++){
var myLatLng = {lat: parseFloat(data[i].lat), lng: parseFloat(data[i].lng)};
addMarker(myLatLng);
// features.push([position: new google.maps.LatLng(23.0264288,72.5207211),type: 'info'];
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.