google Maps覆盖对象

最新推荐文章于 2021-12-13 00:28:25 发布

原创最新推荐文章于 2021-12-13 00:28:25 发布 · 430 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了地图API中覆盖对象的概念及应用，包括标记和折线两种类型。标记使用图标显示在地图上，需要指定图标的位置和尺寸等属性；折线则通过一系列坐标点绘制在地图上，可以设置颜色、宽度和透明度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

覆盖对象是覆盖在地图上有固定经纬度坐标位置的对象，所以当你拖动地图或者改变地图类型的时候，他们也会跟着移动。

Maps API支持两种类型的覆盖对象：标记，地图上的图标；折线，用一系列点形成的折线。

标记和图标

GMarker类的构造器有两个参数，一个是图标，一个是点。

创建标记最难的部分是指定一个图标，这很复杂是因为Maps API里的一个图标需要很多图片构成。

GIcon类需要您在初始化图标的时候指定这些图片的尺寸，这样Maps API就能用恰当的尺寸来创建这些图片。

var icon = new GIcon();icon.image = "http://www.google.com/mapfiles/marker.png";icon.shadow = "http://www.google.com/mapfiles/shadow50.png";icon.iconSize = new GSize(20, 34);icon.shadowSize = new GSize(37, 34);添加图标例子： var map = new GMap2(document.getElementByIdx("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
var myicon = new GIcon();
myicon.image = " http://www.google.com/mapfiles/marker.png";
myicon.shadow = " http://www.google.com/mapfiles/shadow50.png";
myicon.iconSize = new GSize(20, 34);
myicon.shadowSize = new GSize(37, 34);
var point = new GLatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random());
markerOptions = {icon:myicon};
this.map.addOverlay(new GMarker(point,markerOptions));

折线

GPolyline类的构造器把一个点的数组作为参数，根据给定点的顺序创建连接这些点的一系列线段。您还可以指定这些线的颜色，宽度和透明度。颜色应该使用16进制数字表现，如#ff0000而不要用red。GPolyline类不能理解颜色名。

下面的代码片断创建两点之间10个像素宽的红色折线：

var polyline = new GPolyline([ new GLatLng(37.4419, -122.1419), new GLatLng(37.4519, -122.1519)], "#ff0000", 10);map.addOverlay(polyline);

#电子地图api