Javascript HTML5地理位置信息窗口不工作
我需要用这段代码创建一个信息窗口,我缺乏应用程序逻辑,对我使用的编程完全陌生 此代码将用户及其标记添加到地图中Javascript HTML5地理位置信息窗口不工作,javascript,google-maps-api-3,infowindow,Javascript,Google Maps Api 3,Infowindow,我需要用这段代码创建一个信息窗口,我缺乏应用程序逻辑,对我使用的编程完全陌生 此代码将用户及其标记添加到地图中 function loadMarkers(data) { for(key in data) { var user = data[key]; xmartlabschat.addUser(user); markers[key] = getMarker(user.lat, user.lng, user.name); }
function loadMarkers(data) {
for(key in data) {
var user = data[key];
xmartlabschat.addUser(user);
markers[key] = getMarker(user.lat, user.lng, user.name);
}
}
我尝试使用信息窗口的基本代码
var infoWindow = new google.maps.InfoWindow(user.name);
markers[key].addListener('click', function(){
infoWindowMe.open(map,markers[key);
但是,由于im单击其他用户标记,此代码将所有标记转换为与用户相同的名称,而不是不同的名称
请帮忙
你可以试试这个。希望这有帮助
var locations = [
['Location name', LAT, LON],
['...', ..., ...],
//...
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 8,
center: new google.maps.LatLng(LAT, LON),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
var lat = locations[i][1];
var lng = locations[i][2];
marker = new google.maps.Marker({
position: new google.maps.LatLng(lat, lng),
map: map,
}); // generates all the markers
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
zIndex: 1000;
infowindow.setContent(locations[i][0]); // replace locations[i][0] with which data you want to show
infowindow.open(map, marker);
}
})(marker, i)); // generates corresponding info-window
}
var位置=[
[“位置名称”,纬度,经度],
['...', ..., ...],
//...
];
var map=new google.maps.map(document.getElementById('map'){
缩放:8,
中心:新google.maps.LatLng(LAT,LON),
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infowindow=new google.maps.infowindow();
var标记,i;
对于(i=0;i
是否有任何错误?是的,当我尝试创建自己的信息窗口时,窗口不在标记上方,即使我单击了不同的标记,但名称显示的是我的,而不是用户marker@TAHASULTANTEMURI我已经添加了一些屏幕截图什么是错误的可能重复的重复的