Google map API - 在选择时突出显示选定区域[重复]答案

【问题标题】：Google map API - Highlight selected area on select [duplicate]Google map API - 在选择时突出显示选定区域[重复]
【发布时间】：2018-03-12 17:46:31
【问题描述】：

我刚刚使用 Google Map API 托管了一个简单的网站：

https://instructional-crime.000webhostapp.com/index.php

基本上它分析推文信息：

左边的地图显示了我们感兴趣的地方
中间的饼图显示了对应地方的正面、负面和中性推文的数量（情绪的计算是使用VADER库完成的，说实话我只是在不了解库的情况下插入句子就像一个代码猴子：（，因为这只是练习）
右侧的世界地图显示了有关所选位置的推文的来源。
下表显示了推文和情绪得分

问题出在世界地图上。假设我想选择一个有很多推文的区域，当我选择它时，我还需要突出显示该区域，但是正如你所见，有很多地方有推文，如果我使用标记，就会有太多标记。那么我该如何做到这一点，以便当我单击带有推文的区域（例如华盛顿特区）时，所选区域会突出显示以将其与其他区域区分开来？

【问题讨论】：

@xomena 不，不是，您引用的问题是关于搜索一个地方然后突出显示它，但这个问题是关于点击一个地方然后突出显示它。它们是两种不同的东西
你应该明白没有办法使用API突出区域，你需要一个外部数据。这就是我标记为重复的原因。
无论是通过搜索还是通过点击，除非您获得要突出显示的每个行政分区的多边形，否则google api不会为您提供它们。

标签： javascript jquery html google-maps-api-3 twitter

【解决方案1】：

您必须在获取纬度和经度后自己绘制多边形并将其更改为 Google 地图对象 (google.maps.LatLng)。

例如：

var statesobj = {"AK": [new google.maps.LatLng(70.0187, -141.0205),
new google.maps.LatLng(70.1292, -141.7291),
new google.maps.LatLng(70.4515, -144.8163)]}

您也可以尝试使用地理图表http://code.google.com/apis/chart/interactive/docs/gallery/geochart.html

【讨论】：