GeoGlobe JavaScript API地图代码总结

GeoGlobe JavaScript API是基于OpenLayer开源地图代码编写,是Online电子地图的核心代码,对其总结如下:

1. 构造地图对象实例,并添加到id为simpleMap的div容器中。layerGroupLoaded设置为true,表示实例化一个地图对象时,默认会加载一组底图图层。

 			map = new Geo.View2D.Map("simpleMap", {
				layerGroupLoaded: true,
				controls: [navigation, new Geo.View2D.Control.PanZoomBar(), new Geo.View2D.Control.MagnifyingGlass()]});
构造map对象时,第一个参数为map容器id,第二个参数是图层控件的json数据,json使用键值对定义图层特性,控件将控件对象放在数组中。



2.地图放大缩小操作:ZoomIn()和ZoomOut();

地图向上平移: function panUp(){map.pan(0,-offset); 此段代码中,offset的默认值为50px。

设定地图背景图片:

		<style>
			/* 通过设置存放地图的div元素的样式,来设置地图的背景底图 */
			#simpleMap{background:url(/geomap-api/JsCodeDemo/images/geoGlobe.gif);}
		</style>

3.获取地图中心点坐标           

           	//获取经纬度
          	function getCenterLonlat(){
          		var lonlat = map.getCenter();
          		document.getElementById("lon").value=(lonlat.lon).toFixed(3);   
        	   	document.getElementById("lat").value=(lonlat.lat).toFixed(3);  
lonlat是包含经纬度坐标的一个对象,可用 lonlat.lon获取该对象的属性;

toFixed();方法规定了经纬度的小数点精确值。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值