为什么我在谷歌地图上显示标记的脚本不起作用?

Question

试图在我的谷歌地图上做一些标记，但它不是一个数字，所以它不起作用，我试图让 parseFloat 将其转换为数字，但它仍然不起作用。

JavaScript 代码

var urlApi = "https://api.jcdecaux.com/vls/v1/stations?contract=lyon&apiKey=";
function initMap(){
//map options
var options ={
zoom:13,
center:{lat:45.7563172, lng:4.827523}
}
//new map
var map = new google.maps.Map(document.getElementById('map'),options);
//new markers
$.getJSON(urlApi, function(data) {
data.forEach(function(item) {
new google.maps.Marker({
position : {
lat : (parseFloat(item.lat)), 
Ing : (parseFloat (item.Ing))
},
})
})
})
};

Answer 1

您正在创建一个新标记，但从未使用它：

new google.maps.Marker({ // This doesn't do anything by itself

如文档中所述，您需要使用setMap：

// To add the marker to the map, call setMap();
marker.setMap(map);

所以你的最后一个代码块应该看起来像这样：

//new markers
$.getJSON(urlApi, function(data) {
data.forEach(function(item) {
var marker = new google.maps.Marker({
position: {
lat: (parseFloat(item.lat)), 
lng: (parseFloat(item.lng))
},
})
marker.setMap(map);
})
})
};