Javascript 无法在谷歌地图上显示标记
我试图在测试页面上显示多个标记。我有一个JSON:Javascript 无法在谷歌地图上显示标记,javascript,json,google-maps,google-maps-api-3,Javascript,Json,Google Maps,Google Maps Api 3,我试图在测试页面上显示多个标记。我有一个JSON: var myJson = { "hotels": [ { "hotelCode" : "1", "isAvailable" : "true", "latitude" : "53.427901", "longitude" : "-6.233612", "price" : "99" }, etc. 这是我的JS代码: var映射 function initi
var myJson =
{
"hotels": [
{
"hotelCode" : "1",
"isAvailable" : "true",
"latitude" : "53.427901",
"longitude" : "-6.233612",
"price" : "99"
},
etc.
这是我的JS代码:
var映射
function initialize() {
var myLatlng = new google.maps.LatLng(53.345897,-6.269204);
var myLatlng2 = new google.maps.LatLng(myJson.hotels[0].latitude, myJson.hotels[0].longitude);
console.log(myJson.hotels[0].latitude, myJson.hotels[0].longitude);
var mapOptions = {
zoom: 12,
center: myLatlng
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!'
});
var marker2 = new google.maps.Marker({
position: myLatlng2,
map: map,
title: 'Hello World!'
});
console.log(marker);
var key = 0;
for(key in myJson.hotels)
{
var newLatlng = new google.maps.LatLng(myJson.hotels[key].latitude + "," + myJson.hotels[key].longitude);
var i = new google.maps.Marker(
{
position: newLatlng,
map: map,
title: 'Hello World!'
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
我的问题是:
-带有硬编码(myLatlng)的标记-显示良好
-标记2未显示
-不显示“for”循环中的标记
console.log(myJson.hotels[0].latitude, myJson.hotels[0].longitude);
给我:
53.427901-6.233612您的代码对我有效代码开始工作,当我替换var mylatng=new google.maps.LatLng(“53.345897”,“-6.269204”);使用var myLatlng=new google.maps.LatLng(myJson.hotels[0].纬度,myJson.hotels[0].经度);好的,答案是:地图没有放大太多以至于看不到其他的图钉。学童错误