无法使用Google Maps API v3和geoxml3从kml文件显示图像

Question

我尝试使用geoxml3将我的kml文件放在Google地图上。 这是代码

<script src="https://maps.googleapis.com/maps/api/js?&sensor=false"></script>
<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>

<script>
  function initialize() {
    var myLatlng = new google.maps.LatLng(-3.899540, 104.463014);
    var mapOptions = {
      zoom: 4,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

    myParser = new geoXML3.parser({map: map});
    myParser.parse('bpnsumsel.kml');

  }
</script>
`

但什么都没有出现。 任何想法？

更新：

我的kml文件看起来像这样

<?xml version="1.0" encoding="utf-8"?><kml xmlns="http://earth.google.com/kml/2.0"><GroundOverlay><name> MapInfo Saved View</name><visibility>1</visibility><Icon><href>Peta BPN Sumsel.JPG</href></Icon><LatLonBox><north>-3.378408</north><south>-4.506592</south><east>105.590007</east><west>103.723993</west><rotation>0</rotation></LatLonBox></GroundOverlay></kml>

是。 我不包括ProjectedOverlayed.js，有没有很好的完整代码示例教程？

谢谢

Answer 1

根据文档 ：

geoxml3库是专门为适应各种用例而设计的，涵盖了从初学者到高级的开发人员需求。 在所有情况下，都需要从该站点下载geoxml3.js的副本（如果需要地面叠加层，则需要下载ProjectedOverlay.js），并从您自己的主机将其提供给地图页面，如下所示：

  <script type="text/javascript" src="geoxml3.js"></script>
[ <script type="text/javascript" src="ProjectedOverlay.js"></script> ]