Google Maps Styled & Visualization GeoCharts

Я создал карту google в стиле, и я хочу использовать некоторые Geocharts визуализации. Могу ли я использовать оба метода одновременно?Google Maps Styled & Visualization GeoCharts

html, body, #map-canvas { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    } 
    </style> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script> 
var map; 
var mateo = new google.maps.LatLng(37.53, -122.343); 

var MY_MAPTYPE_ID = 'custom_style'; 

function initialize() { 

var featureOpts = [...MY STYLE...]; 

var mapOptions = { 
    zoom: 10, 
    center: mateo, 
    mapTypeControlOptions: { 
     mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID] 
    }, 
    mapTypeId: MY_MAPTYPE_ID 
    }; 

    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 

    var styledMapOptions = { 
    name: 'Custom Style' 
    }; 

    var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions); 

    map.mapTypes.set(MY_MAPTYPE_ID, customMapType); 
} 

google.maps.event.addDomListener(window, 'load', initialize);

Теперь, я также хочу, чтобы использовать визуализацию, GeoCharts

<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(drawRegionsMap); 

     function drawRegionsMap() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Country', 'Popularity'], 
      ['Germany', 200], 
      ['United States', 300], 
      ['Brazil', 400], 
      ['Canada', 500], 
      ['France', 600], 
      ['RU', 700] 
     ]); 

     var options = {}; 

     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>

Спасибо,

Я идеально хотел бы, чтобы мой стиль карты и другую настройку стиля для всех выбранных стран. Спасибо

источник

2013-07-22 IdeoREX

Да, вы можете использовать оба Карты и GeoCharts вместе - просто включите javascript и HTML для обоих. Стили и код Map и GeoChart не будут мешать друг другу (если вам не требуется какое-либо взаимодействие между ними, в этом случае есть способы связать их вместе).

Редактировать в ответ на комментарий:

The GeoCharts и Карты не могут быть объединены вместе в одну карту; но API Карт поддерживает пользовательские слои, которые вы можете использовать для создания карты choropleth с использованием цветных векторных полигонов, которые должны дать вам результат, который вы ищете.

источник

2013-07-22 21:56:24 asgallant

Я хочу их на одном графике. То есть Особенности визуализации GeoCharts со стилем Styled Maps. Как мне их связать? – IdeoREX

Ах, я вижу. GeoCharts и Maps не поддерживают функции друг друга, поэтому для этого не существует встроенного способа. API Карт поддерживает пользовательские слои, которые вы можете использовать для создания карты choropleth (карты Geocharts - choropleth) с использованием цветных векторных полигонов. – asgallant

Google Maps Styled & Visualization GeoCharts

ответ

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