Возможно, есть простой ответ на этот вопрос, но я чувствую, что инструкции Google не очень ясны. Это для задания класса, и я впервые использую Google для веб-картографирования. Так, например, в соответствии с географическими диаграммами Google это простая пропорциональная карта:
<head>
<script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
<script type='text/javascript'>
google.charts.load('current', {
'packages': ['geochart'],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Population', 'Area Percentage'],
['France', 65700000, 50],
['Germany', 81890000, 27],
['Poland', 38540000, 23]
]);
var options = {
sizeAxis: { minValue: 0, maxValue: 100 },
region: '155', // Western Europe
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>
И я пошел к https://developers.google.com/chart/interactive/docs/basic_load_libs#load -settings , чтобы попытаться создать ключ API, в курсе Из вчерашних разочарований я сделал 3 разных API-ключа, и ни один из них не работает. Я попытался ввести их в разделе, который гласит:
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
Это не сработало, затем я увидел инструкции, в которых говорилось, что я должен ввести ключ API в это:
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
type="text/javascript"></script>
Я ввел ключ API в YOUR_API_KEY, скопировал и вставил его в свой код (хотя, может быть, я не помещаю его в нужное место?) Я даже создал бесплатный аккаунт, чтобы посмотреть, поможет ли это, все еще т работа.