0

我在这里做错了什么?我似乎无法在谷歌地图上添加 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>
4

1 回答 1

0

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

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

于 2013-02-20T13:41:31.133 回答