【发布时间】:2017-11-02 15:14:32
【问题描述】:
有谁知道如何在谷歌地图中为每个国家分配不同的颜色? 我有数据,每个国家/地区都存储了相同的颜色数据。 例如:
在世界地图中
蓝色覆盖到印度,然后是红色阿富汗......等 如果它需要通过使用多边形来着色,那么让我知道任何知道每个国家纬度边界的例子。 谢谢
【问题讨论】:
标签: json angular google-maps google-maps-api-3
有谁知道如何在谷歌地图中为每个国家分配不同的颜色? 我有数据,每个国家/地区都存储了相同的颜色数据。 例如:
在世界地图中
蓝色覆盖到印度,然后是红色阿富汗......等 如果它需要通过使用多边形来着色,那么让我知道任何知道每个国家纬度边界的例子。 谢谢
【问题讨论】:
标签: json angular google-maps google-maps-api-3
您可以通过将适当的 GeoJSON 加载到您的地图上轻松做到这一点(您可以找到更多信息 here)。 例如,在下面,我通过 here 创建了一个中等分辨率的世界 GeoJSON 并将其上传到我的服务器,然后通过以下脚本,我能够配置 Google Map API 以显示不同颜色的国家/地区。
// Load GeoJSON.
map.data.loadGeoJson('http://domain/geojson.json');
map.data.setStyle(function(feature) {
var color = 'green';
if (feature.getProperty('wb_a2') === "AU") {
color = 'red';
}
if (feature.getProperty('wb_a2') === "IR") {
color = 'yellow';
}
return /** @type {google.maps.Data.StyleOptions} */({
fillColor: color,
strokeColor: color,
strokeWeight: 2
});
});
如您所见,默认颜色是绿色,伊朗和澳大利亚都有不同的颜色。
注意:从here,您可以根据文件大小、覆盖区域和分辨率等要求创建不同的GeoJSON文件。
【讨论】: