美文网首页
八章-90-OSM地图重投影

八章-90-OSM地图重投影

作者: 彩云飘过 | 来源:发表于2020-03-27 17:54 被阅读0次

    3857 到 4326 转换
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记,使用的openlayers 5.3.x api。

    源码 见 1090.html ,对应的 官网示例

    image.png
    <!DOCTYPE html>
    <html>
    
    <head>
     <title></title>
     <link rel="stylesheet" href="../include/ol.css" type="text/css" />
     <script src="../include/ol.js"></script>
    </head>
    <style></style>
    
    <body>
    
     
     <div id="map" class="map"></div>
     <script>
      var map = new ol.Map({
           layers: [
             new ol.layer.Tile({
               source: new ol.source.OSM()
             })
           ],
           target: 'map',
           view: new ol.View({
             projection: 'EPSG:4326', //源坐标系3857转为4326       
             center: [0, 0],
             zoom: 2
           })
         });
     </script>
    </body>
    
    </html>
    

    相关文章

      网友评论

          本文标题:八章-90-OSM地图重投影

          本文链接:https://www.haomeiwen.com/subject/lzcruhtx.html