12-openlayers设置默认缩放级别默认地图中心最大最小缩放级别和默认坐标系

于 2024-05-15 14:35:35 发布
阅读量176 收藏
点赞数
分类专栏： OpenLayers中文教程零基础到精通 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fxshy/article/details/138907859
版权
本文详细介绍了如何在OpenLayers中设置默认的地图缩放级别、中心点以及最大和最小缩放级别。同时，讲解了如何设定地图使用默认的坐标系，对于使用JavaScript进行Web地图开发的读者具有指导意义。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>09-openlayers设置默认缩放级别默认地图中心最大最小缩放级别和默认坐标系</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" type="text/css" />
        <script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/build/ol.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/proj4js/2.9.0/proj4.js"></scri
了解本专栏 订阅专栏 解锁全文 超级会员免费看
fxshy
关注
专栏目录
订阅专栏
04-openlayers注册4490并加载天地图
fxshy的博客
05-14 251
注册4490并加载天地图
openlayers加载天地图
最新发布
m0_51431448的博客
02-04 1793
vue集成openlayers，加载天地图
OpenLayers3之根据范围设置地图缩放级别
Console_DS的博客
11-21 4874
OpenLayers3根据范围设置地图缩放级别/*两种方式*/ //第一种 var r=map.getView().getResolutionForExtent(extent,map.getSize()); map.getView().setResolution(r); map.getView().setCenter(ol.extent.getCenter(extent)); //第二种 ...
（转）Openlayers 2.X加载天地图
06-09 311
http://blog.csdn.net/gisshixisheng/article/details/44621923 概述： 在前面的章节，讲到了Arcgis for js加载天地图，在本节讲述如何在Openlayers 2.X的版本中加载天地图，并添加自己的wms服务。 效果： 地图 影像 地形 去掉本地wms 实现： 1、天地图服务 在天地...
OpenLayers加载天地图
Moon Star
10-17 2606
Vue中使用OpenLayers加载天地图图层。网站中创建应用
Openlayers实战：加载天地图
大剑师兰特的GIS世界
07-14 974
国家地理信息公共服务平台“天地图”（以下简称“天地图“）是国家基础地理信息中心建设的网络化地理信息共享与服务门户。其属于国家队的，有一定的权威性。在Openlayers中如何加载天地图呢，方法很简单，用XYZ的形式。它分为底图和标注，可以灵活的做配合使用。
OpenLayers入门，OpenLayers地图初始化时如何设置默认缩放级别、设置默认地图中心点、最大缩放级别和最小缩放级别以及默认坐标系
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
07-28 1217
OpenLayers地图初始化时如何设置默认缩放级别、初始化时设置默认地图中心点、设置最大缩放级别和最小缩放级别，超过缩放级别用户无法再放大和缩小，和设置默认坐标系。
Vue+OpenLayers7入门到实战：OpenLayers7地图调整中心点坐标、调整缩放级别、调整地图可视角度、地图复位到默认位置和缩放级别和调整可视角度等功能实现
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
01-26 210
本章介绍如何使用OpenLayers7实现最基础的调整中心点坐标、调整缩放级别、调整地图可视角度、地图复位到默认位置和缩放级别和调整可视角度的功能示例。非常简单，可直接上手。
Vue+OpenLayers7入门到实战：OpenLayers7地图初始化时如何设置默认缩放级别、设置默认地图中心点、最大缩放级别和最小缩放级别以及默认坐标系
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
01-24 215
OpenLayers7地图初始化时如何设置默认缩放级别、初始化时设置默认地图中心点、设置最大缩放级别和最小缩放级别，超过缩放级别用户无法再放大和缩小，和设置默认坐标系。
openlayers5加载天地图影像.zip
06-23
使用openlayers5加载天地图影像，可以供参考使用，希望可以改进代码，重新使用。
openlayers5加载天地图.zip
06-21
此代码采用开源的openlayers5,显示天地图的注记图层，天地图路网图层，欢迎下载使用。
openlayers 鹰眼示例，包含图层选择
08-11
openlayers 鹰眼示例，包含图层选择
Openlayers 教程 29 - 通过地图视野（View）- 图层 -（layer）- 资源（source）设置地图显示等级
linzi19900517的博客
08-14 1444
Openlayers 实战 - 地图视野（View）- 图层 -（layer）- 资源（source）显示等级设置。
openlayers学习——1、openlayers加载天地图
记录生活点滴
01-06 1万+
openlayers加载天地图 前言：基于Vue，学习openlayers，根据官网demo，记录常用功能写法
OpenLayers6入门，OpenLayers加载天地图
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
11-10 1132
本章讲解如何使用OpenLayers加载天地图，需要先到天地图申请key。本文使用xyz方式加载天地图，并且介绍如何加载xyz格式天地图url，包括天地图纯底图（无标记）、卫星影像图和纯标记图（不含底图）
2. Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图 （结合Vue 详细教程）
热门推荐
全栈三维GIS开发工程师，擅长Cesium、OpenLayers、Three.js、WebGL、Vue、Django、GDAL和QGIS技术。在这个博客里，我将分享我的开发经验、技术心得和项目案例，希望能为GIS爱好者和开发者提供有价值的参考。
06-11 1万+
本文介绍了如何在 OpenLayers 中加载不同类型的地图数据源，包括天地图、百度地图、高德地图、ArcGIS、Bing Maps、OpenStreetMap (OSM) 和 Google 地图。针对每种数据源，本文提供了相应的示例代码，展示了如何使用专用加载器或通用加载器实现底图加载。通过遵循本文的示例和指南，您可以轻松地将各种地图数据源添加到您的 OpenLayers 项目中，并根据自己的需求进行修改和调整。
openlayers鹰眼图实现
苟冬新
01-04 1667
这个是Cesium三维地图结合openlayers二维地图的鹰眼图实现，代码有相关注释。 // 创建鹰眼图 this.map = new Map({ layers: [layers_arcgis], target: 'map2d', view: new View({ projection: 'EPSG:4326', center: [116....
openlayers：实现加载天地图（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
01-31 441
openlayers：实现加载天地图（附完整源码）
openlayers6如何解决设置圆半径样式会跟随地图缩放等级缩放问题
06-02
3. 最后，将矢量图层添加到地图中，并设置合适的中心坐标和缩放级别。 ```javascript const map = new ol.Map({ target: 'map', layers: [vectorLayer], view: new ol.View({ center: [x, y], zoom: 10 }) });...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值