码迷,mamicode.com
首页 > 其他好文 > 详细

openlayers 学习笔记一

时间:2016-06-08 10:37:51      阅读:510      评论:0      收藏:0      [点我收藏+]

标签:

1. 创建地图,加载控件

var map = new OpenLayers.Map("map", {
  projection: new OpenLayers.Projection("EPSG:900913"),
  displayProjection: new OpenLayers.Projection("EPSG:4326")
});
map.addControl(new OpenLayers.Control.Permalink());
map.addControl(new OpenLayers.Control.MousePosition());

 

2.  创建世界范围的基于墨卡托投影的地图

var options = {
    projection: new OpenLayers.Projection("EPSG:900913"),//墨卡托投影
    units: "m",  //以米为单位
    maxResolution: 156543.0339, //最大分辨率,0级 图上一个像素表示实际距离15万米多
    maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34,20037508.34, 20037508.34) 
    //将地球分为4个卦象,156543.0339*128=20037508.34(为什么是*128,一个256*256的jpg中分,-128~128)
};

map = new OpenLayers.Map(map, options);

 

3. 坐标转换后居中 

 var proj = new OpenLayers.Projection("EPSG:4326");
 var point = new OpenLayers.LonLat(119,40);
 point.transform(proj, map.getProjectionObject());

map.setCenter(point);//地理坐标

 4. bounds 转换后居中

 var bounds = new OpenLayers.Bounds(-74.047185, 40.679648, -73.907005, 40.882078);
 bounds.transform(proj, map.getProjectionObject());

5.

 

4.

openlayers 学习笔记一

标签:

原文地址:http://www.cnblogs.com/camelroyu/p/5569041.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!