錯誤：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' 
    }); 
}