0

ここで何が間違っていますか？Googleマップに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」を指定する必要があります

SVG の代わりに CANVAS を使用することを検討しましたか?

于 2013-02-20T13:41:31.133 に答える