使用Google Map API创建多边形

时间:2017-07-04 07:14:20

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

我指的是网址:https://housing.com/in/buy/search?f=eyJiYXNlIjpbeyJ0eXBlIjoiUE9MWSIsInV1aWQiOiJmMGZhNTIwNjI0ZjNhOGRlOWY4NSIsImxhYmVsIjoiUGltcGxlIFNhdWRhZ2FyIn1dLCJ2IjoyLCJzIjoiZCJ9

我想尝试做类似的事情,任何人都可以建议我如何实现它。我试图搜索和浏览谷歌地图API,但无法理解可以使用哪种API。

2 个答案:

答案 0 :(得分:0)

尝试阅读Google Maps Showcase。数以百万计的应用和网站正在使用Google Maps API。浏览展示以查看我们最喜欢的一些实现。

您可以将MarkerClusterer库与Google Maps JavaScript API结合使用,将近距离的标记组合到群集中,并简化地图上标记的显示。

以下是MarkerCluster的示例项目:https://github.com/googlemaps/v3-utility-library/tree/master/markerclusterer

答案 1 :(得分:0)

Polygon是Google Maps绘图工具的一项功能。 DrawingManager类为用户提供了一个图形界面,可以在地图上绘制多边形,矩形,折线,圆和标记。

绘图工具是一个独立的库,与主要的Maps API JavaScript代码分开。要使用此库中包含的功能,必须首先使用Maps API引导程序URL中的libraries参数加载它:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=drawing"> </script>

添加libraries参数后,可以按如下方式创建DrawingManager对象:

var drawingManager = new google.maps.drawing.DrawingManager(); drawingManager.setMap(map);

参考:https://developers.google.com/maps/documentation/javascript/examples/drawing-tools