使用Google Maps API 在地图上添加线和删除线

 

加载地图
function load()
{
 //用于检测当前浏览器是否支持Google Maps
 if (GBrowserIsCompatible())
        {
  map = new GMap2(getObject('map'));         
  //给地图添加内置的控件 
    
       map.addControl(new GMapTypeControl());
    
  // 平移及缩放控件(左上角)、
  map.addControl(new GLargeMapControl());
    
  //比例尺控件(左下角)、
  map.addControl(new GScaleControl());
    
  //缩略图控件(右下角)
  //map.addControl(new GOverviewMapControl());

  map.enableDoubleClickZoom();
  map.enableScrollWheelZoom();
    
  // 将视图移到深圳
  map.setCenter(new GLatLng(22.550000,114.030000),12);       
 }
}

 

添加线

function addPolyline()

var polyline = new GPolyline([new GLatLng(22.5500,114.0300),new GLatLng(22.5600, 114.0400),new GLatLng(22.5700, 114.0500)], "#FF0000", 3);
    map.addOverlay(polyline);

}

删除线

function removePolyline()
{
    map.clearOverlays()//removeOverlay();//or GMap2.clearOverlays();
   
}

 

添加线也可以使用以下方法:
function addPolyline()
{
var points = [];
points.push(new GLatLng(22.5500,114.0300));
points.push(new GLatLng(22.5600,114.0400));
points.push(new GLatLng(22.5700,114.0500));
points.push(new GLatLng(22.5800,114.0600));
points.push(new GLatLng(22.5900,114.0700));

var polyline = new GPolyline(points, "#FF0000", 3);
map.addOverlay(polyline);
}

 

posted @ 2011-01-19 14:59  awp110  阅读(318)  评论(0编辑  收藏  举报