Question

我在这里做错了什么？我似乎无法在谷歌地图上添加svg图层。

这是javascript文件maps.js

function initialize() 
{
      var mapOptions = 
      {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(document.getElementById("googleMap"), mapOptions);

      var bounds = new GLatLngBounds(new GLatLng(-34.397, 150.644), new GLatLng(-34.397, 150.644));
      var oldmap = new GGroundOverlay("test.svg", bounds);
      oldmap.setMap(map);
}

这是html文件

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
<script type="text/javascript" src="maps.js"></script>
<body onload = "initialize()">
<div id="googleMap" style="width:80%;height:80%;">
</div>
</body>

Answer 1

“document.createElement”不适用于SVG元素。 “document.createElementNS”是必需的。您必须提供额外的“命名空间”参数“http://www.w3.org/2000/svg”

您是否考虑过使用CANVAS代替SVG？

如何将svg添加到谷歌地图

1 个答案: