Question

我知道如何在我餐馆的网页上添加谷歌地图，但我怎样才能有交付范围（半透明多边形）？

以下是一个示例：link

也许可以通过某种方式在Google地图上放置半透明图像来完成？但是怎么做呢？

Answer 1

多边形是一种方法，使用＆＃34; event.latLng＆＃34;点击监听器以帮助绘制您的区域

见这里： http://jsfiddle.net/MFfTc/2/

单击地图将定义多边形顶点，然后您可以将其复制到真实地图。删除最后一个逗号并添加一个括号]。

Answer 2

您可以使用Google地球绘制多边形，然后将其保存到KML文件并将其加载到Google地图api v3上

var myOptions = {
   zoom: 4,
   center: new google.maps.LatLng(-25.363882,131.044922),
   mapTypeId: google.maps.MapTypeId.ROADMAP,
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

kml_layer = new google.maps.KmlLayer('http://code.google.com/apis/kml/documentation/KML_Samples.kml');
kml_layer.setMap(map);

Answer 3

在Google Maps API中，您可以创建Polygon叠加层。您需要知道每个顶点的坐标。如果不这样做，可以使用Google Maps API Drawing Tools来计算出来。

Answer 4

我发现此链接允许您在Google地图上放置可移动标记并将HTML代码粘贴到您的网站中：http://www.nirmalpatel.com/ourarea/

如何在Google Map上绘制交货范围？

4 个答案: