如何添加svg到谷歌地图

我在这里做错了什么？我似乎无法在Google地图上添加svg图层。如何添加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>

来源

2013-02-20 learntosucceed

可能的重复[如何在Google地图上叠加SVG图表？]（http://stackoverflow.com/questions/1055367/how-can-i-overlay-svg-diagrams-on-google-maps） – 2013-02-21 14:51:10

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

你有没有考虑过使用CANVAS而不是SVG？

来源

2013-02-20 13:41:31 polyarcs

document.createElement是什么意思？我的代码中没有。我基本上只是调用谷歌地图，然后我只是想使用SVG在谷歌地图上添加一个图层。我必须使用svg文件。 – learntosucceed 2013-02-21 22:16:25

如何添加svg到谷歌地图

回答

相关问题