Используйте маркер GeoCharts в Angularjs - PullRequest
Новая
       21

Используйте маркер GeoCharts в Angularjs

0 голосов
/ 23 мая 2018

Я хочу отобразить маркеры на GeoChart следующим образом https://developers.google.com/chart/interactive/docs/gallery/geochart?hl=it#marker-geocharts, Как я могу ввести mapsApiKey в Google GeoChart с помощью директивы ng-google-chart.Пример кода 

var chart = {};
chart.type = "GeoChart";
chart.mapsApiKey = 'Generated API Key';
chart.data = [
                     ['City',   'Population', 'Area'],
                     ['Rome',      2761477,    1285.31],
                     ['Milan',     1324110,    181.76],
                     ['Naples',    959574,     117.27],
                     ['Turin',     907563,     130.17],
                     ['Palermo',   655875,     158.9],
                     ['Genoa',     607906,     243.60],
                     ['Bologna',   380181,     140.7],
                     ['Florence',  371282,     102.41],
                     ['Fiumicino', 67370,      213.44],
                     ['Anzio',     52192,      43.43],
                     ['Ciampino',  38262,      11]
                   ];
chart.options = {
    region: 'IT',
    displayMode: 'markers',
    colorAxis: {colors: ['green', 'blue']}
};

$scope.chartInfo = chart;

В HTML 

<div google-chart chart="chartInfo" id="chart"></div>

я передаю mapsApiKey вместе со всеми другими свойствами.Всегда отображается Ошибка API Карт Google: MissingKeyMapError .Где мне нужно точно ввести mapsApiKey ?

1 Ответ

0 голосов
/ 19 июля 2018

Вы можете внедрить mapsApiKey, используя agcGstaticLoaderProvider

Это должно произойти при первой загрузке приложения AngularJS.См. этот вопрос github для получения подробных сведений о том, как я его реализую.

...