Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
点击谷歌地图打开一个表格Javascript_Javascript_Google Maps - Fatal编程技术网

点击谷歌地图打开一个表格Javascript

点击谷歌地图打开一个表格Javascript,javascript,google-maps,Javascript,Google Maps,所以我正在使用GoogleMapsJavaScriptAPI,目前有一个用圆圈填充的地图。我想能够点击一个圆圈,并让它打开一个表与一些信息,但我不知道如何做到这一点。我可以点击圆圈,让它弹出一个信息框: var contentString = city[0].toString() + ": " + city[1].toString() + " shooting(s)"; var infoWindow= new google.maps.InfoWindow({ content: conte

所以我正在使用GoogleMapsJavaScriptAPI,目前有一个用圆圈填充的地图。我想能够点击一个圆圈,并让它打开一个表与一些信息,但我不知道如何做到这一点。我可以点击圆圈,让它弹出一个信息框:

var contentString = city[0].toString() + ": " + city[1].toString() + " shooting(s)";
var infoWindow= new google.maps.InfoWindow({
    content: contentString
    });

google.maps.event.addListener(cityCircle, 'click', function(ev){
    infoWindow.setPosition(cityCircle.getCenter());
    infoWindow.open(map);
});
 // });

}
我不确定的是如何将此信息框格式化为表格。我试过这样的方法:

var contentString = "<table width="100%" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>";
var contentString=”
";

但这给了我一个错误:“意外数字”。如果有人能提供一些帮助,我们将不胜感激

您必须注意您的引号(“),您必须在HTML字符串中使用不同于用于分隔字符串本身的引号

相关问题:

而不是:

var contentString = "<table width="100%" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>";

字符串中的引号也可以通过
/“
转义<代码>var str=“/”text/”;//str=“text”
var contentString = "<table width='100%' border='1'><tr><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td rowspan='2'>&nbsp;</td></tr><tr><td>&nbsp;</td></tr></table>";