【问题标题】:Assign different color to each country in the google map api在google map api中为每个国家分配不同的颜色
【发布时间】:2017-11-02 15:14:32
【问题描述】:

有谁知道如何在谷歌地图中为每个国家分配不同的颜色? 我有数据,每个国家/地区都存储了相同的颜色数据。 例如:

在世界地图中

蓝色覆盖到印度,然后是红色阿富汗......等 如果它需要通过使用多边形来着色,那么让我知道任何知道每个国家纬度边界的例子。 谢谢

【问题讨论】:

标签: json angular google-maps google-maps-api-3


【解决方案1】:

您可以通过将适当的 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文件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-11-27
    • 2021-09-25
    • 1970-01-01
    • 1970-01-01
    • 2012-06-08
    • 2015-06-10
    • 1970-01-01
    相关资源
    最近更新 更多