• openlayers 学习笔记一


    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.

  • 相关阅读:
    Kooboo CMS
    Kooboo CMS
    Kooboo CMS
    Kooboo CMS
    Kooboo CMS
    Ajax.BeginForm VS Html.BeginForm
    ASP.NET或者 js方式实现文件夹多图片浏览的方式
    C++入门知识总结(1)
    几个步骤轻松搞定ASP.NET 依赖注入。
    使用GIT@OSChina 实现协同工作的方法。
  • 原文地址:https://www.cnblogs.com/camelroyu/p/5569041.html
Copyright © 2020-2023  润新知