使用Google Maps API 在地图上添加线和删除线
2012-08-09 23:40
483 查看
加载地图
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);
}
更多Google Maps API应用可以访问:http://www.HandanDaily.com
转帖:http://www.cnblogs.com/kaixin110/archive/2007/11/05/949582.html
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);
}
更多Google Maps API应用可以访问:http://www.HandanDaily.com
转帖:http://www.cnblogs.com/kaixin110/archive/2007/11/05/949582.html
相关文章推荐
- 使用Google Maps API 在地图上添加线和删除线
- 使用Google Maps API 在地图上添加线和删除线
- 使用Google Maps API -添加线和实现线的单击事件,( 'clickable' GPolyline & GPolygon option)
- 使用 XSLT、KML 和 Google Maps API 在地图上覆盖数据,第 1 部分:利用 Google Geocoder Web 服务
- GIS的学习(十九)Geoserver使用添加,删除,查询地图中的POI
- “使用 XSLT、KML 和 Google Maps API 在地图上覆盖数据”系列
- iOS 之 使用百度地图 (删除地图页面所有自己添加的标注)
- 使用API动态添加删除菜单项
- 用百度map api展示时空数据(五)--老地图的添加与删除
- GIS学习 Geoserver使用添加、删除、查询地图中的POI
- iOS 之 使用百度地图 (删除地图页面所有自己添加的折线)
- iOS 之 使用百度地图 (删除地图页面所有自己添加的标注)
- Google Maps API Reference——Google 地图 API 文档之七-3
- arcgis for flex api version3.7 教程:1.添加地图和图层
- ArcGIS API for Javascript 3.21地图开发实例(一、图形绘制和删除及popup弹出层)
- sql server 创建table表 及添加各种约束 查看约束 删除约束 新增表的字段 规则及规则使用方法及应用到表中 时间函数的类型
- 使用js对select动态添加和删除OPTION
- 使用高德JS-API进行基于LBS的开发-地图初始化&地图控件
- Flex使用<mx:Tree>控件创建树(可添加和删除节点)