如何根据Angular JS中的特定国家/地区实现突出显示的州边界,例如,如果选择印度,则需要使用突出显示的边界来显示其所有州。在我们的案例中,我们希望在“卢旺达”国家/地区实现这一目标,在该国家/地区中,我们可以像该图中所示的那样显示其状态,
答案 0 :(得分:1)
不幸的是,Google Maps JavaScript API并未公开地理特征的边界。公共问题跟踪器中有非常古老的功能请求(已有10年),但是Google似乎没有为此任务设置优先级:
https://issuetracker.google.com/issues/35816953
您应该使用来自第三方的数据来显示州和地区的边界。一种选择是使用Open Street Maps提供的GeoJSON信息。我建议阅读以下答案,该答案解释了如何从OSM下载GeoJSON数据:
https://stackoverflow.com/a/40172098/5140781
我刚刚进行了快速测试,并下载了卢旺达各州(东部省,北部省,南部省,西部省和基加利市)的简化边界GeoJSON。您当然可以下载详细的多边形。之后,我只使用了数据层文档中所述的示例代码:
https://developers.google.com/maps/documentation/javascript/examples/layer-data-simple
并加载了我的示例GeoJSON文件(http://aux.xomena.elementfx.com/sosamples/rwanda_states.json)。结果显示在屏幕截图中
您还可以在http://aux.xomena.elementfx.com/sosamples/rwanda_states.html
处运行示例代码。希望对您有帮助!