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();方法规定了经纬度的小数点精确值。