显示在谷歌地图

Question

嗨，我使用谷歌API来显示在地图上的多个点多点，但它显示InvalidValueError: setCenter: not a LatLng or LatLngLiteral: not an Object

<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script> 
     var map; 
       var geocoder; 
       var centerChangedLast; 
       var reverseGeocodedLast; 
       var currentReverseGeocodeResponse; 

       function initialize() { 
        var myOptions = { 
          zoom: 40, 
          center: (10.566057,76.235787), // set some default latlng here, e.g $data[0]['lat'], $data[0]['lng'] 
          mapTypeId: google.maps.MapTypeId.ROADMAP 
         }; 
         map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
         geocoder = new google.maps.Geocoder(); 


         $.ajax({ 
          url : 'getDataForMap', 
          type : 'POST', 
          dataType : 'json', 
          beforeSend : function() { 

          }, 
          complete : function() { 

          }, 
          success : function(responseData) { 
           for (var i = 0; i < responseData.legth; i++) { 
            var latlng = new google.maps.LatLng(responseData[i].latitude+','+responseData[i].longitude); 
            var marker = new google.maps.Marker({ 
             position: (10.566057,76.235787), 
             map: map, 
             title: responseData[i].name 
            }); 
          } 

          } 
         }); 
       } 


    <div id="map" style="width:200px; height:200px"> 
       <div id="map_canvas" style="width:100%; height:200px"></div> 
       <div id="crosshair"></div> 
      </div> 
      <button onclick="initialize();">Refresh</button> 

Answer 1

这不是一个google.maps.LatLng或google.maps.LatLngLiteral：(10.566057,76.235787)

一个google.maps.LatLng ：center: new google.maps.LatLng(10.566057,76.235787)

一个google.maps.LatLngLiteral：center: {lat: 10.566057, lng:76.235787}

经纬度

var map; 
 

 
function initialize() { 
 
    var myOptions = { 
 
    zoom: 18, 
 
    center: new google.maps.LatLng(10.566057, 76.235787), 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script src="http://maps.googleapis.com/maps/api/js" type="text/javascript"></script> 
 
<div id="map_canvas"></div>

LatLngLiteral

var map; 
 

 
function initialize() { 
 
    var myOptions = { 
 
    zoom: 18, 
 
    center: {lat: 10.566057, lng: 76.235787}, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script src="http://maps.googleapis.com/maps/api/js" type="text/javascript"></script> 
 
<div id="map_canvas"></div>