Question

从昨天开始，我尝试在Google Maps Api v3中添加标记。我阅读了文档和所有文档。这是我的代码：

<script type="text/javascript">
  var map;
  function initialize() {

    var mapOptions = {

      center: new google.maps.LatLng(28.63, 77.21),
      zoom: 8,
  disableDefaultUI: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);


  }
 // google.maps.event.addDomListener(window, 'load', initialize);

  function getFillingDetails(){
    var vehicleId = $('#selectVehicle option:selected').val();
    $.getJSON('getFillingDetails.php', {id : vehicleId}, function(data){
  var lat = [];
  var lon = [];
  var price = [];
  $.each(data, function(key, value){
    lat.push(value.latitude);
    lon.push(value.longitude);
    price.push(value.price);
    });
  });

  var myLatlng = new google.maps.LatLng(23.72,77.10);

var marker = new google.maps.Marker({
            position: new google.maps.LatLng(23.72, 72.100),
            map: map,
        });

  }
</script>

一切看起来都不错。在initialize() onload标记之后调用body函数。单击按钮时会调用getFillingDetails()函数。但我仍然没有成功。

Answer 1

您遇到语法错误：

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(23.72, 72.100),
    map: map, <--- get rid of this comma
});

下次你应该在开发者控制台中查看任何错误。

Answer 2

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

来源：https://developers.google.com/maps/documentation/javascript/markers

无法在Google Maps Api v3中添加标记

2 个答案: