如何添加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到谷歌地圖

回答

相關問題