2014-01-02 4 views
3

Я хочу нарисовать линию между двумя точками (zip-коды в этом случае) на карте, используя функцию googles geochart. Это возможно? Например, я хотел бы иметь линию, проведенную между молнией 07206 и 78746 ниже:Как вы нарисуете линию между двумя точками в географике google?

<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> 
+0

Вы пробовали что-нибудь на сегодняшний день? –

+1

Линии рисования в GeoChart не поддерживаются. Возможно, вы можете использовать Google Maps для этого. – asgallant

+0

Документация, которую я нахожу для рисования линий, связана с Картами, а не с GeoCharts. Мне нужны только линейные чертежи для состояний, а не спутниковые снимки, включенные в карты. Я не нашел ничего, чтобы попытаться связать с GeoCharts, поэтому я не пробовал много, как этот момент. –

ответ

3

VectorWorkz GeoChart позволяет рисовать линии между двумя точками, это дает возможность анимации для линий, а также вы можете настроить внешний вид и ощущения линий связи. Вкратце проиллюстрировано в этом online sample (нажмите «Маршруты полета» в левом меню).

0

У меня возникла необходимость в этом совсем недавно. Довольно простое решение - нарисовать на карте точки 0px (маркеры), а затем выполнить цикл jQuery через точки и создать элемент со значениями x1/y1 первой точки, значениями x2/y2 второй точки и т. Д.

Смежные вопросы