【问题标题】:Looking for examples of polyline with google maps V 3用谷歌地图 V 3 寻找折线的例子
【发布时间】:2012-02-21 10:47:49
【问题描述】:

我正在寻找如何在 Google 地图 V3 中使用折线的示例,我已阅读 Google 的帮助,但必须承认我并不完全理解。我觉得如果我能看到一个很好的例子,我可能会更好地理解它。我有一个网站,我可以跟踪我的车辆我有它在地图上绘制点我想要的是在点之间画线。我正在使用 mysql 数据库和带有 PHP 的 XML 文件来显示地图上的点。

任何帮助都会让我开心。我发现这个网站很有帮助,我要感谢大家。

保重,万事如意

【问题讨论】:

    标签: javascript google-maps-api-3 maps polyline


    【解决方案1】:

    这是一个使用数据库中的数据创建KML xml filefeed google api 的问题。您可以使用this tool 以交互方式查看 kml 文件在向折线添加点时的变化情况。

    编辑:

    1. 使用您喜欢的脚本语言创建一个脚本,该脚本从数据库中检索点,并生成一个 kml 文件格式,如上面第三个链接中所示。

    2. 在您的 javascript 脚本中,您需要向地图添加一个 kml 图层,在第 1 点加载您在脚本中动态生成的 kml。:

      [...] var map = new google.maps.Map(document.getElementById('map'), options); [...] kmlFiles = new google.maps.KmlLayer("http://yourdomain.com/generatekml.php"); kmlFiles.setMap(map);

    就是这样。

    【讨论】:

    • 首先我要感谢您,但我有一个问题。我使用该工具并制作了一个 javascript 文件,该文件在我的代码中可以在地图上放置一条线,但我需要获取地图上的点并将它们与折线链接。 var myCoordinates = [新 google.maps.LatLng(46.038431,-64.927714), 新 google.maps.LatLng(46.170781,-64.683269)]; var polyOptions = { path: myCoordinates, strokeColor: "#FF0000", strokeOpacity: 1, strokeWeight: 3 } var it = new google.maps.Polyline(polyOptions); it.setMap(map);
    • 首先我要感谢您,但我有一个问题。我使用该工具并制作了一个 javascript 文件,该文件在我的代码中可以在地图上放置一条线,但我需要获取地图上的点并将它们与折线链接。 var myCoordinates = [ 新 google.maps.LatLng(46.101730,-64.773906), 新 google.maps.LatLng(46.099706,-64.773090), 新 google.maps.LatLng(46.100093,-64.771288), 新 google.maps.LatLng (46.101164,-64.769528), 新的 google.maps.LatLng(46.102265,-64.769915)];
    • 我需要的是 var myCoordinates = [ ];成为我正在导入的 XML 文件中标记的数据,并在他们现在正在工作的地图上显示为图标。我只想在每个人之间划一条线 我不知道如何将信息放在括号“新 google.maps.LatLng(46.100093,-64.771288)”中,谢谢你给我的帮助,这是一个开始。
    • 我在使用 KML 文件时遇到问题,但我对 XML 没有任何问题,它也可以工作吗?
    • 好的,我有 kml 工作 - earth.google.com/kml/2.1"> - - 64.783,46.0727-64.7892,46.0848-64.7868,46.0882-64.7832,46.0888-64.7828,46.0887
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-21
    • 1970-01-01
    • 1970-01-01
    • 2011-07-02
    • 2014-07-07
    • 1970-01-01
    相关资源
    最近更新 更多