Javascript 谷歌地图中的多个标记?
我不能在谷歌地图上添加多个标记,有人能看到下面的代码并提出建议吗。my Google未显示位置[]数组的标记Javascript 谷歌地图中的多个标记?,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我不能在谷歌地图上添加多个标记,有人能看到下面的代码并提出建议吗。my Google未显示位置[]数组的标记 <!DOCTYPE html> <html> <head> <title>Geolocation</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8
<!DOCTYPE html>
<html>
<head>
<title>Geolocation</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
// Try HTML5 geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
map.setCenter(initialLocation);
var home = new google.maps.Marker({
position: initialLocation,
map: map,
icon: 'http://www.wicfy.com/images/newmarkers/home-marker.png'
});
var myCity = new google.maps.Circle({
center:initialLocation, map:map, radius:25000, strokeColor:"#0000FF", strokeOpacity:0.8, strokeWeight:2,
fillColor:"#0000FF",
fillOpacity:0.4,
editable:true
});
}, function() {
handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}
}
var locations = [
["New Mermaid",28.8909,76.5796,1,"Georgia Mason","","Norfolk Botanical Gardens, 6700 Azalea Garden Rd.","coming soon"],
["1950 Fish Dish",28.6800,76.9200,2,"Terry Cox-Joseph","Rowena's","758 W. 22nd Street in front of Rowena's", "found"],
];
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
icon: 'http://www.wicfy.com/images/newmarkers/home-marker.png'
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0], locations[i][6]);
infowindow.open(map, marker);
}
})(marker, i));
}
function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
地理定位
var映射;
函数初始化(){
变量映射选项={
缩放:10,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
//试试HTML5地理定位
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(函数(位置){
initialLocation=new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
地图设置中心(初始位置);
var home=new google.maps.Marker({
位置:初始位置,
地图:地图,
图标:'http://www.wicfy.com/images/newmarkers/home-marker.png'
});
var myCity=new google.maps.Circle({
中心:初始位置,地图:地图,半径:25000,笔划颜色:“#0000FF”,笔划不透明度:0.8,笔划权重:2,
fillColor:#0000FF“,
填充不透明度:0.4,
可编辑:真
});
},函数(){
手持导航(真);
});
}否则{
//浏览器不支持地理位置
手动定位(假);
}
}
变量位置=[
[“新美人鱼”,28.8909,76.5796,1,“乔治亚梅森”,“诺福克植物园,杜鹃花园路6700号”,“即将到来”],
[“1950年鱼盘”,28.6800,76.9200,2,“特里·考克斯·约瑟夫”,“罗维娜店”,“罗维娜店前西22街758号”,“发现”],
];
var infowindow=new google.maps.infowindow();
var标记,i;
对于(i=0;i
在尝试使用地理定位将地图居中之前,添加标记并将地图初始化为有效的中心
var map;
function initialize() {
var mapOptions = {
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var locations = [
["New Mermaid",28.8909,76.5796,1,"Georgia Mason","","Norfolk Botanical Gardens, 6700 Azalea Garden Rd.","coming soon"],
["1950 Fish Dish",28.6800,76.9200,2,"Terry Cox-Joseph","Rowena's","758 W. 22nd Street in front of Rowena's", "found"],
];
var infowindow = new google.maps.InfoWindow();
var marker, i;
var bounds = new google.maps.LatLngBounds();
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
icon: 'http://www.wicfy.com/images/newmarkers/home-marker.png'
});
bounds.extend(marker.getPosition());
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0], locations[i][6]);
infowindow.open(map, marker);
}
})(marker, i));
}
map.fitBounds(bounds);
var映射;
函数初始化(){
变量映射选项={
缩放:10,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
变量位置=[
[“新美人鱼”,28.8909,76.5796,1,“乔治亚梅森”,“诺福克植物园,杜鹃花园路6700号”,“即将到来”],
[“1950年鱼盘”,28.6800,76.9200,2,“特里·考克斯·约瑟夫”,“罗维娜店”,“罗维娜店前西22街758号”,“发现”],
];
var infowindow=new google.maps.infowindow();
var标记,i;
var bounds=new google.maps.LatLngBounds();
对于(i=0;i
地理位置是异步的。只有在初始化标记后,才能定义映射变量。请建议代码中的更改?或发布更改后的代码?@geocodezip请发布正确的代码好吗?