Question

我想使用googles geochart函数在地图上的两点（本例中的邮政编码）之间画一条线。那可能吗？例如，我想在下面的zip 07206和78746之间画一条线：

    <html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
        google.load('visualization', '1', { 'packages': ['geochart'] });
        google.setOnLoadCallback(drawMarkersMap);

        function drawMarkersMap() {
            var data = google.visualization.arrayToDataTable([
              ['Region', 'Total'],
              ['07206', 500],
              ['78746', 250],
              ['90040', 1000],
            ]);

            var options = {
                sizeAxis: { minValue: 0, maxValue: 100 },
                region: 'US', // United States
                resolution: 'provinces',
                displayMode: 'markers',
                colorAxis: { colors: ['#e7711c', '#4374e0'] } // orange to blue
            };

            var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Answer 1

VectorWorkz GeoChart允许您在两点之间绘制线条，它可以为线条创建动画，还可以自定义连接线条的外观。它在online sample中进行了简要说明（点击左侧菜单中的“航线”）。

Answer 2

我最近才需要这个。相当简单的解决方案是在地图上绘制0px点（标记），然后在点上执行jQuery循环，并创建一个元素，其中包含第一个点的x1 / y1值，第二个点的x2 / y2值等。

你如何在谷歌地理图表中的两点之间画一条线？

2 个答案: