错误：InvalidValueError：setCenter：不是经纬度或LatLngLiteral：物业纬度：不是一个数字

Question

function initAutocomplete() { 
    var lat=document.getElementById('lat').value; 
    var lng=document.getElementById('lng').value; 
    console.log(lat); 
    console.log(lng); 


    var map = new google.maps.Map(document.getElementById('map'), { 
     center: {lat:lat, lng:lng}, 
     zoom: 13, 
     mapTypeId: 'roadmap' 
    });} 

它给了我下面的错误：

error:InvalidValueError: setCenter: not a LatLng or LatLngLiteral: in property lat: not a number

Answer 1

一个HTMLInputElement的.value属性返回值作为串。

你必须把它传递给地图API之前解析的lat的内容和lng与parseFloat()

function initAutocomplete() { 
    var lat = parseFloat(document.getElementById('lat').value); 
    var lng = parseFloat(document.getElementById('lng').value); 

    var map = new google.maps.Map(document.getElementById('map'), { 
     center: { 
      lat: lat, 
      lng: lng 
     }, 
     zoom: 13, 
     mapTypeId: 'roadmap' 
    }); 
}