google Maps覆盖对象

来源:互联网 发布:数控车削编程 编辑:程序博客网 时间:2024/05/22 06:49

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

MapsAPI支持两种类型的覆盖对象:标记,地图上的图标;折线,用一系列点形成的折线。

标记和图标

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

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

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

var icon = new GIcon();icon.image ="http://www.google.com/mapfiles/marker.png";icon.shadow ="http://www.google.com/mapfiles/shadow50.png";icon.iconSize = newGSize(20, 34);icon.shadowSize = new GSize(37,34);添加图标例子:   varmap = new GMap2(document.getElementByIdx("map"));
       map.setCenter(new GLatLng(37.4419, -122.1419), 13);
   var myicon = newGIcon();
 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(newGMarker(point,markerOptions));

 折线

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

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

var polyline = new GPolyline([ new GLatLng(37.4419, -122.1419), newGLatLng(37.4519, -122.1519)], "#ff0000",10);map.addOverlay(polyline);
#电子地图api
0 0
原创粉丝点击