如何使用表格坐标显示地图

Question

具有随机坐标表，当我单击该行时如何使用onclick在google map上显示位置。如果我点击其他行，地图将会更改  表格代码是这样的，如何使用经度和纬度来使用Google

mapProp = {     中心：新的google.maps.LatLng（纬度，经度），     变焦：10，   };

for (i = 0; i<11; i++){
var randomla =Math.round((Math.random()*360 - 180) * 1000)/1000;
var randomlo = Math.round((Math.random()*360 - 180) * 1000)/1000



var table = document.getElementById("demo");
var row = table.insertRow(1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);


cell1.innerHTML = randomla;
cell2.innerHTML = randomlo;
}

Answer 1

您的问题可以分为两部分：

为表单元格添加onClick或onMouseOver行为

您可能希望在链接到您的Google地图网址的单元格中放置锚标记。

您可能想将事件处理程序附加到表行：

var randomla =Math.round((Math.random()*360 - 180) * 1000)/1000;
var randomlo = Math.round((Math.random()*360 - 180) * 1000)/1000
...
var row = table.insertRow(1);
row.addEventListener("click", function(e.target) {
  window.open("GOOGLEURL");
});

在Google地图上打开正确的网址。

https://www.google.com/maps/@LAT,LONG,ZOOMz

其中LAT和LONG设置为您的纬度和经度，而ZOOM设置为缩放级别。