Question

我有一张读取XML文件的地图;这一切都非常简单，并从这里复制： http://geochalkboard.wordpress.com/2009/03/30/reading-xml-files-with-the-google-maps-api/

我的版本在这里： http://www.cloudfund.me/maps/mashup.html和它正在阅读的数据文件在这里： converted.xml在同一目录中。

当我跑步时，我根本得不到任何积分。我把一些控制台登录，看看我是否可以看到任何东西，但就这一点而言，它只是毫不费力地运行。文件加载正常，我可以看到代码循环遍历所有行（本例中为208），没有任何问题。

我得到的仅警告是'资源解释为其他传递为未定义'的一个;看了一些其他线程，我看不到任何有用的东西 - 没有空的src链接等等。据我所知，这不应该阻止它标记点。

这是真正的踢球者 - 在尝试跟踪此错误时，我在自己的服务器上设置了原始代码的精确副本，并且得到了关于空字段的错误，我添加了一些条件代码来进行排序;这个版本适用于我的服务器。这是austin.html在同一目录中（对不起，在我的第一篇帖子中不能超过两个链接！）

所以 - 我的代码是这样的：

<title>Test </title>


<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=AIzaSyDgybFoyn3i5j_6d7ul7p2dPNQ5b1xOWnk"
        type="text/javascript">console.log("Loaded Maps API");</script>

            <script src="http://gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/src/markermanager.js">console.log("MarkerManager");</script>


<script type="text/javascript">
console.log("Into Main Script");
function initialize() {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(51.39906378, -2.449545605), 13);
    map.setUIToDefault();
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addMapType(G_PHYSICAL_MAP);
    map.setMapType(G_PHYSICAL_MAP);
    console.log("Reached end of map initialising");
    addMarkersFromXML();
    console.log("MarkersfromXML")
  }
}

function addMarkersFromXML(){
   var batch = [];
   mgr = new MarkerManager(map); 

   var request = GXmlHttp.create();
   console.log("About to open converted.xml")
   request.open('GET', 'converted.xml', true);
   console.log("Opened Converted.xml")
   request.onreadystatechange = function() {
  if (request.readyState == 4 && request.status == 200) 
{
    var xmlDoc = request.responseXML;
    var xmlrows = xmlDoc.documentElement.getElementsByTagName("row");

    for (var i = 0; i < xmlrows.length; i++) {
        var xmlrow = xmlrows[i];
        console.log("Running through row number",i)
        var xmlcellLongitude = xmlrow.getElementsByTagName("longitude")[0];
        console.log(xmlcellLongitude);
        var xmlcellLatitude = xmlrow.getElementsByTagName("latitude")[0];
        var point = new GLatLng(parseFloat(xmlcellLatitude.firstChild.data),parseFloat(xmlcellLongitude.firstChild.data));

        //get the PAO
        var xmlcellAssetName = xmlrow.getElementsByTagName("pao")[0];
        console.log(xmlcellAssetName);
        var celltextAssetName = xmlcellAssetName.firstChild.data;

        //get the area
        var xmlcellArea = xmlrow.getElementsByTagName("area")[0];
        console.log(xmlcellArea);
        var celltextArea = xmlcellArea.firstChild.data;

        //get the land type
        var xmlcellLandType = xmlrow.getElementsByTagName("landtype")[0];
        console.log(xmlcellLandType);
        var celltextLandType = xmlcellLandType.firstChild.data;

        //get the Planning Permissions
        var xmlcellPlanning = xmlrow.getElementsByTagName("planning")[0];
        console.log(xmlcellPlanning);
        var celltextPlanning = xmlcellPlanning.firstChild.data;

        var htmlString = "Asset Name: " + celltextAssetName + "<br>" + "Size: " + celltextArea + "<br>" + "Land Type: " + celltextLandType + "<br>" + "Planning Permissions: " + celltextPlanning;
        //var htmlString = 'yes'
        var marker = createMarker(point,htmlString);
        batch.push(marker);

    }

    mgr.addMarkers(batch,50);
    mgr.refresh();

  }
    }
request.send(null);

  }

 function createMarker(point,html) {
       var marker = new GMarker(point);
       GEvent.addListener(marker, "click", function() {
         marker.openInfoWindowHtml(html);
       });
       return marker;
 }
  </script>
 </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 1100px; height: 700px"></div>
  </body>
</html>

Answer 1

认为你有一个错字。在您的代码中，您为API提取了一个不完整的网址：

<script src="//maps.google.com/maps?file=api&v=2&sensor=false&key=AIzaSyDgybFoyn3i5j_6d7ul7p2dPNQ5b1xOWnk"

错误的//似乎正在抛弃代码。

但是，诚实地说，原始示例（和austin.html）并不像人们想象的那样完全正常。这些点会被渲染，但缩小时不会发生有效的聚类。怀疑API的2.0分支被移动到更新版本并且创建了一些不兼容性。

建议您在API版本3中重写它。有一个集群管理器可以很好地运行它。

请参阅http://tools.voanews2.com/nuclear_reactors/

Google Map javascript MarkerManager标记未显示

1 个答案: