使用Google Maps API 在地图上添加线和删除线
2011-01-19 14:59
691 查看
加载地图
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);
}
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 在地图上添加线和删除线
- 使用Google Maps API 在地图上添加线和删除线
- iOS 之 使用百度地图 (删除地图页面所有自己添加的折线)
- 用百度map api展示时空数据(五)--老地图的添加与删除
- iOS 之 使用百度地图 (删除地图页面所有自己添加的标注)
- 使用Google Maps API -添加线和实现线的单击事件,( 'clickable' GPolyline & GPolygon option)
- 使用 XSLT、KML 和 Google Maps API 在地图上覆盖数据,第 1 部分:利用 Google Geocoder Web 服务
- “使用 XSLT、KML 和 Google Maps API 在地图上覆盖数据”系列
- iOS 之 使用百度地图 (删除地图页面所有自己添加的标注)
- GIS的学习(十九)Geoserver使用添加,删除,查询地图中的POI
- GIS学习 Geoserver使用添加、删除、查询地图中的POI
- 使用API动态添加删除菜单项
- VC combobox 的使用(添加、删除、插入等)
- 使用组策略向域中计算机的组添加或删除成员
- 使用Google Map Api在Android平台上开发地图应用3
- Fragment里面使用Button按钮添加、删除数据(SQL)
- JSONObject与JSONArray的使用3--Java对象属性的添加或删除(JsonConfig)
- asp.net 操作 xml格式网站地图 添加删除修改!(简单版)
- LNMP添加、删除虚拟主机及伪静态使用教程