如何在纬度上绘制路基[关闭]

Posted 2023-05-07

【中文标题】如何在纬度上绘制路基[关闭]

【英文标题】：How to draw road base on lat lon [closed]

【发布时间】：2017-11-30 21:20:53

【问题描述】：

我有一个纬度列表，这是一条道路的位置集合，我想在画布上绘制它，

我从这里尝试了一些解决方案

[https://www.codeproject.com/Questions/626899/Converting-Latitude-And-Longitude-to-an-X-Y-Coordi][1]

但我还是画不出路 这是经纬度列表：

[35.6350019, 139.761, 35.634935, 139.761, 35.6343889, 139.7610111, 35.6341389, 139.761, 35.6339167, 139.7609544, 35.6336758, 139.7608861, 35.6335278, 139.7608294, 35.6334167, 139.76075, 35.6332592, 139.7606136, 35.6331667, 139.7605111, 35.6330647, 139.7603636, 35.6329722, 139.7601817, 35.6329072, 139.76, 35.6328703, 139.7598408, 35.6328333, 139.759625, 35.6328333, 139.7594544, 35.6328425, 139.7592839, 35.6328517, 139.7591475, 35.6328889, 139.7590111, 35.6329536, 139.7588294, 35.6330369, 139.7586817, 35.6331389, 139.7585111, 35.6332314, 139.7583975, 35.6333333, 139.7582839, 35.6334167, 139.7582158, 35.6335461, 139.7581361, 35.6336203, 139.7580908, 35.6337406, 139.7580453, 35.6338611, 139.7580111, 35.634, 139.7579886, 35.6341111, 139.7579886, 35.6342314, 139.758, 35.6343517, 139.7580339, 35.6344814, 139.7580908, 35.6345925, 139.7581475, 35.6347036, 139.7582158, 35.6348056, 139.7583067, 35.6349072, 139.7584203, 35.6349906, 139.7585453, 35.6350739, 139.7586817, 35.6351389, 139.7588181, 35.6352128, 139.7590453, 35.6352406, 139.7591817, 35.6352683, 139.7593522, 35.6352778, 139.7595225, 35.6352778, 139.7597044, 35.6352592, 139.7598522, 35.6352314, 139.7600225, 35.6351758, 139.7602725, 35.6350278, 139.7608975, 35.6350019, 139.761]

【参考方案1】：

您必须绘制一条折线并将其放置在地图上。

检查this example。

<div id="map"></div>
<script>

  // This example creates a 2-pixel-wide red polyline showing the path of William
  // Kingsford Smith's first trans-Pacific flight between Oakland, CA, and
  // Brisbane, Australia.

  function initMap() 
    var map = new google.maps.Map(document.getElementById('map'), 
      zoom: 3,
      center: lat: 0, lng: -180,
      mapTypeId: 'terrain'
    );

    var flightPlanCoordinates = [
      lat: 37.772, lng: -122.214,
      lat: 21.291, lng: -157.821,
      lat: -18.142, lng: 178.431,
      lat: -27.467, lng: 153.027
    ];
    var flightPath = new google.maps.Polyline(
      path: flightPlanCoordinates,
      geodesic: true,
      strokeColor: '#FF0000',
      strokeOpacity: 1.0,
      strokeWeight: 2
    );

    flightPath.setMap(map);
  
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

这是硬编码的，通常不是一个实用的解决方案。因此，我建议编写一些 php 代码来填充 mysql 数据库中的纬度/经度点列表。

注意：您还可以将底图更改为自定义底图。在this SO answer 中，您会发现代码显示白色底，没有控件（注意，您不会有大陆、海洋、河流、湖泊等——只有白色背景）。

【讨论】：

感谢您的支持，我想把它画在一个干净的平面上，这只是在 googlemap 上画的

我不明白您所说的“透明平面”是什么意思。你的意思是说你不想在你的道路下面有一个谷歌底图吗？我编辑了答案以指出将底图更改为白色画布的方法。

如果您的意思是想在空白页上画一条线而不使用谷歌地图或 OSM，请告知。我恰好为此开发了一个简单的 JS 解决方案。

当你在谷歌地图上绘制折线时，你会看到那条道路的形状，我的意思是我想在不使用谷歌地图的情况下在画布上绘制道路的形状。

@LãoTà 你想在线运行这个还是你想要一个应用程序来运行它？您必须更具体，否则您的问题将被关闭。已经是put on hold