Javascript 谷歌地图标记

Javascript 谷歌地图标记,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我已经创建了一个页面。在那里我想使用谷歌地图。在locater部分,我想使用变量解析long和lat值。我试过了,但没用。有人能帮我吗 代码: 您必须将lat和long解析为浮点数据类型: 这应该起作用: function initMap() { var lats = "-33.8674769"; var lngs = "151.20697759999996"; var myLatLng = {"lat": parseFloat(lats), "lng": parseFloat(lngs)};

我已经创建了一个页面。在那里我想使用谷歌地图。在locater部分,我想使用变量解析long和lat值。我试过了,但没用。有人能帮我吗

代码:


您必须将lat和long解析为浮点数据类型:

这应该起作用:

function initMap() {
var lats = "-33.8674769";
var lngs = "151.20697759999996";
var myLatLng = {"lat": parseFloat(lats), "lng": parseFloat(lngs)};
var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: myLatLng
  });
 var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });
}
initMap();

这里是小提琴证明:

var-lats=-33.8674769;var lngs=151.206977599996;只需删除字符串,dats itLook在javascript控制台中,有两个错误:断言失败:InvalidValueError:setCenter:在属性lat:不是数字中不是LatLng或LatLngLiteral:而断言失败:InvalidValueError:setPosition:在属性lat:不是数字中不是LatLng或LatLngLiteral:不是数字
function initMap() {
var lats = "-33.8674769";
var lngs = "151.20697759999996";
var myLatLng = {"lat": parseFloat(lats), "lng": parseFloat(lngs)};
var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: myLatLng
  });
 var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });
}
initMap();