从 div id 加载 Google Maps 标记

Question

首先，我是 Stack Overflow 和 jQuery 的新手，很抱歉我的错误。 我试图在我的网站上制作一个简单的实时谷歌地图标记，以每 1 秒重新加载一个 id，它们是谷歌地图的纬度、经度。但是当我尝试 JavaScript 时，它说无效值。我试图发出警报，但一切看起来都很好。

错误看起来像这样

InvalidValueError: setPosition: not a LatLng or LatLngLiteral: not an Object

function moveMarker( map, marker ) {

  setInterval( function() { 
    //Reload new lat long to id 
    $("#container12").load(" #container1");    
    //Load data from id 
    var uluru = document.getElementById("container1");
    //Filter for all HTML  and put only Lat, Long
    textContent = uluru.textContent;
    //put the Marker to google map
    var marker = new google.maps.Marker({position: textContent, map: map});
    //test if data ar loaded fine  or loock eveything ok like "11.12, 13.14"
    alert(textContent);
    //Run this every second
  }, 1000 );
};

Answer 1

您没有将 latLng 对象传递给该位置。像下面的代码一样传递一个 javascript 对象

var uluru = document.getElementById("container1");
var pos = uluru.innerHTML.split(',');
pos = {Number(pos[0].trim()),Number(pos[1].trim())};

这意味着您需要检查您传递的值textContent。您的代码应如下所示。

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