为什么我的脚本无法在Google地图上显示标记？

Posted 2023-01-30

试图在我的Google地图上做一些标记，但是它不是数字，所以它没有用，我试图将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))
        ,
      )
    )
  )
;

答案

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

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

如上所述in the doc，您需要使用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);
    )
  )
;