javascript - 从 div id 加载 Google map 标记

Question

首先，我是 Stack Overflow 和 jQuery 的新手，对我的错误感到抱歉。我尝试在我的网站中制作一个简单的实时 Google map 标记，每 1 秒重新加载一个 ID，它们是 Google map 的纬度、经度。但是当我尝试 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});