Google地图API - 在选择时突出显示所选区域

时间:2017-10-01 12:06:59

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

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

  

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

enter image description here

基本上它会分析推文信息:

  • 左侧的地图显示了我们感兴趣的地方
  • 中间的饼图显示了相应位置的正,负和中性推文的数量(情绪的计算是使用VADER库完成的,说实话我只是插入句子而不知道任何关于该库的内容像一个代码猴:(,因为这只是练习)
  • 右侧的世界地图显示有关所选位置的推文的来源。
  • 下表显示了推文和情绪评分

问题在于世界地图。假设我想要选择一个有很多推文的区域,当我选择它时我还需要突出显示该区域,但是你可以看到有很多地方有推文,如果我使用标记会有太多的标记。那么我该如何做到这一点,当我点击带有推文的区域(比如华盛顿特区)时,所选区域会突出显示,以区别于其他区域?

1 个答案:

答案 0 :(得分:0)

获取纬度和经度后,您必须自己绘制多边形并将其更改为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