使用Google Maps JavaScript API勾勒和着色区域

Google Maps web应用程序以非常好的方式对区域进行地理编码和勾勒。这可以通过谷歌地图JavaScript API实现吗？网站示例如下：

---

这是瑞典的斯克尼县。谷歌地图web应用程序用红色勾勒出它的轮廓，并将其着色为粉红色。我想用GoogleMapsJavaScriptAPI对这样的区域进行地理编码和显示。怎么做？

据我所知，谷歌地图API v3还没有提供边界功能

要塑造多边形，您需要知道边界。给定地址的地理编码器返回的信息不足以形成边界。您可能会看到返回的信息

斯德哥尔摩边界为：17.81771，59.58645；17.847，17.84347，59.58645，17.847，17.847，17.847，17.847 7，59.737 7，59.5306 7 7 7.736 6，59.737 7 7 7 7 7 7.736 7 7 7 7 7 7 7.737 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7，59.617 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 1.16562,59.41083 | 18.32826,59.39795 | 18.28659,59.41228 | 18.25945,59.44638 | 18.31722,59.47361 | 18.37333,59.46694|18.66638,59.59138|18.69979,59.64409|18.74555,59.68916|18.84139,59.71249|18.98569,59.71666|19.03222,59.71999|19.07965,59.76743|18.93472,59.78361|18.86472,59.79804|18.96922,59.86561|19.06545,59.83250|19.07056,59.88972|19.00722,59.91277|18.92972,59.92472|18.89000,59.95805|18.81722,60.07548|18.77666,60.11084|18.71139,60.12806|18.63277,60.14500|18.50743,60.15265 | 18.44805,59.99249 | 18.37334,59.86500 | 18.29055,59.83527 | 18.15472,59.79556 | 18.08111,59.74014 | 17.96055,59.70472 | 17.89694,59.68916 | 17.73966,59.66395'

总之，困难的部分是找到你想要在地图上画的城市的边界。我不确定是否有提供这些边界的免费服务。选中此项可获取有关提供边界的站点的更多信息

在下面的示例中，当您单击“绘制斯德哥尔摩”按钮时，斯德哥尔摩将绘制在地图上

面积计算器-在谷歌地图上勾勒出一个属性并找到它的面积
谷歌地图
var映射，
地理编码器，
地址标记，
mapCenter=newgoogle.maps.LatLng（59.3426606750,18.0736160278）；
函数初始化（）{
map=new google.maps.map（document.getElementById（'map_canvas'）{
缩放：7，
中心：地图中心，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
geocoder=新的google.maps.geocoder（）；
}
函数showAddress（）{
var address=$（'#to'）.val（）；
地理编码({
“地址”：地址
}，功能（结果、状态）{
if（status==google.maps.GeocoderStatus.OK）{
map.setCenter（结果[0].geometry.location）；
var marker=new google.maps.marker({
地图：地图，
位置：结果[0]。几何体。位置
});
}否则{
警报（“地理编码因以下原因未成功：“+状态”）；
}
});
}
函数drawPolygon（）{
//斯德哥尔摩边界
17.81771，59.58645 12417.81777 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7.58645 17.84347 7 7 7 7 7 7 7 17.847 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 1.16562,59.41083 | 18.32826,59.39795 | 18.28659,59.41228 | 18.25945,59.44638 | 18.31722,59.47361 | 18.37333,59.46694|18.66638,59.59138|18.69979,59.64409|18.74555,59.68916|18.84139,59.71249|18.98569,59.71666|19.03222,59.71999|19.07965,59.76743|18.93472,59.78361|18.86472,59.79804|18.96922,59.86561|19.06545,59.83250|19.07056,59.88972|19.00722,59.91277|18.92972,59.92472|18.89000,59.95805|18.81722,60.07548|18.77666,60.11084|18.71139,60.12806|18.63277,60.14500|18.50743,60.15265|18.44805,59.99249|18.37334,59.86500|18.29055,59.83527|18.15472,59.79556|18.08111,59.74014|17.96055,59.70472|17.89694,59.68916|17.73966,59.66395';
var latLngArray=bounders.split（“|”）；
var点=[]；
对于（变量i=0；i


[google maps]相关文章推荐



                                                        

                                       





随机文章推荐



                                                        

Navigation 小分辨率导航
navigation 
Navigation ModX上带有div的菜单
navigation 
Navigation '；未收到地图'；在RVIZ中将自定义costmap2d图层用作插件时
navigation