【问题标题】:Polyline Error Line折线误差线
【发布时间】:2012-02-16 02:34:08
【问题描述】:

大家好,我有一个谷歌地图,坐标是通过解析 XML 数据提取的。该脚本基于我正在使用 Google Maps V3 的 econym 网站。现在问题是我能够正确显示标记,但折线不是一条线,而是从一个标记到另一个标记,所以它看起来像一个不应该发生的多边形。

<script type="text/javascript"> 
var select_html = ""; 
      var gmarkers = []; 
      var map = null;

  function createMarker(latlng, name, html) {
        var contentString = html;
        var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        zIndex: Math.round(latlng.lat()*-100000)<<5
       });

        google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString); 
        infowindow.open(map,marker);
        });

        gmarkers.push(marker);

        return marker;
}

//function createPolyline

function initialize() { 

  var myOptions = {
    zoom: 16,
    center: new google.maps.LatLng(<?php echo $row['latitude']?>, <?php echo $row['longitude']?>),
    mapTypeControl: true,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }

  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  google.maps.event.addListener(map, 'click', function() {

    infowindow.close();

    });



  // Read the data from 100.xml

  downloadUrl("phpsqlajax_genxml.php?id=<?= $_GET['lgid']?>", function(doc) {
    var xmlDoc = xmlParse(doc);
    var markers = xmlDoc.documentElement.getElementsByTagName("marker");
    var path = [];
    for (var i = 0; i < markers.length; ++i) {
      var lat = parseFloat(markers[i].getAttribute("lat"));
      var lng = parseFloat(markers[i].getAttribute("lng"));
      var point = new google.maps.LatLng(lat,lng);
      var html = markers[i].getAttribute("html");
      var label = markers[i].getAttribute("label");
      var marker = createMarker(point,label,html);

   path.push(marker.position);   
    }
    var polyline = new google.maps.Polyline({     
                    path: path,     
                    strokeColor: "#FF0000"
    });    
    polyline.setMap(map);


  });
}



var infowindow = new google.maps.InfoWindow(

  { 

    size: new google.maps.Size(150,50)

  });

你介意看看吗?谢谢!

【问题讨论】:

  • 你必须使用方向,如果你想折线应该在路上......

标签: php google-maps-api-3 xml-parsing google-maps-markers google-polyline


【解决方案1】:

我遇到了类似的问题,它正在执行您所说的操作,并且完全与航点出现故障的事实有关。反过来,directionsRenderer 显示的路线又回到了自身,并且根本没有像应有的那样显示。所以,我的建议是检查你的航点的顺序。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-10-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多