ol3 加载天地图服务

最新推荐文章于 2024-09-12 08:34:11 发布
最新推荐文章于 2024-09-12 08:34:11 发布
阅读量4.9k 收藏
点赞数
文章标签： ol3 地图 天地图 openlayers3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/supernever/article/details/40048833
版权
这篇博客详细介绍了如何利用openlayers3（ol3）库加载天地图服务。通过编写`map_load`函数，实现了地图坐标的添加，并强调底图选择为墨卡托投影。同时，提醒读者注意添加ol3.js和goog库，并自行处理鼠标位置显示的div元素。
摘要由CSDN通过智能技术生成

function map_load(){

//添加坐标

    var mousePositionControl = new ol.control.MousePosition({
        coordinateFormat: ol.coordinate.createStringXY(2),
        projection: 'EPSG:4326',
        className: 'custom-mouse-position',
        target: document.getElementById('mouse-position'),
        undefinedHTML: ' '
    });
//构建map
    map = new ol.Map({


        target: 'map',
        controls: ol.control.defaults({
            attributionOptions: ({
                collapsible: false
            })
        }).extend([mousePositionControl]),


        layers: [


     
最低0.47元/天 解锁文章
supernever
关注
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 项目中，并根据自己的需求进行修改和调整。
ol xyz 加载天地图_ol3 加载天地图服务
weixin_39847556的博客
12-20 310
function map_load(){//添加坐标var mousePositionControl = new ol.control.MousePosition({coordinateFormat: ol.coordinate.createStringXY(2),projection: 'EPSG:4326',className: 'custom-mouse-position',target: ...
xyzservices：为您的地图提供丰富的XYZ瓦片服务
最新发布
gitblog_00501的博客
09-12 339
xyzservices：为您的地图提供丰富的XYZ瓦片服务 xyzservices Source of XYZ tiles providers 项目地址: https://gitcode.com/gh_mirrors/xy/xyz...
对于Osmdroid源码资源的简单研究
neusoftandroid的博客
10-20 454
1.首先了解一下OSM OpenStreetMap 是一个世界地图，由像您一样的人们所构筑，可依据开放许可协议自由使用。OpenStreetMap的优缺点:优点：数据开放，可自己搭建服务器，自己修改数据；缺点：数据尚不完善，资源不是十分丰富。可以为任何需要的人，创建并提供象道路图之类自由的地理数据。 2. ...
Openlayer - vue中加载天地图（入门篇）
人与人之间最小的差别是智商，最大的差别是坚持。
08-15 412
基于Vue脚手架构建的，按照教程天地图就可以显示出来了。
基于openlayers扩展添加天地图背景组件
06-01
NULL 博文链接：https://jjxliu306.iteye.com/blog/2242600
ol xyz 加载天地图_OpenLayers 3 之 加载天地图
weixin_35857807的博客
12-29 761
要使用 OpenLayers 3 加载天地图，首先要弄清楚天地图发布的原理，以及遵循的发布规范，上一篇中我们提到了使用 OpenLayers 3 加载百度地图，我们提到一般网络地图为了加快访问速度，都采用缓存切片地图的方式，天地图也不例外，而且原理极其类似，但是其切片的索引组织方式还是有一些不同，虽然都是切片，但是切片的起始坐标原点不一致，百度地图是屏幕的左下角，而天地图是屏幕的左上角(与谷歌地图...
ol xyz 加载天地图_Openlayers3 加载百度地图，天地图
weixin_39945178的博客
12-20 350
openlayers3 加载百度地图：var projection = ol.proj.get("EPSG:3857");var resolutions = [];for(var i=0; i<19; i++){resolutions[i] = Math.pow(2, 18-i);}var tilegrid = new ol.tilegrid.TileGrid({origin: [0,0]...
openlayers 加载天地图示例
02-24
在"Openlayers 加载天地图示例"中，`Openlayers-tianditu.html`很可能是主HTML文件，它会引入OpenLayers库以及我们自定义的`tiandituLayers.js`脚本来实现天地图的加载。在HTML文件中，我们可能会看到一个`<div>`...
leaflet加载天地图DataServer
小武的博客
01-18 7177
1. 天地图下载ChineseTmsProviders.js，https://github.com/htoooth/Leaflet.ChineseTmsProviders/tree/master/src，     下载下来大概是这个样子的，需要申请公司的注册申请key,官网去注册申请浏览器端key:http://www.tianditu.gov.cn/      现在官网进行修改，Dat...
Openlayers加载天地图和geoserver服务
return
10-24 520
Openlayers加载天地图和geoserver服务。
天地图资源URL.rar
01-24
天地图资源URL：包括卫星影像及标记、地形及标记、矢量图及标记，可以直接添加在QGIS中加载显示数据
Gmap加载在线天地图
09-26
Gmap开源的强大的地图显示软件，不支持天地图资源，本资源研究天地图的切片方式，添加天地图的矢量和影像在线和离线显示。
天地图服务与开发
weixin_45728126的博客
12-29 4360
天地图服务与开发 天地图在线地图网址： 2021年7月2日，国家地理信息公共服务平台天地图2021版正式启用 传统版地址：https://map.tianditu.gov.cn/2020/ 新版地址：https://map.tianditu.gov.cn/ 天地图地图服务列表： 瓦片地址如下（以矢量底图为例）： 原：http://t0.tianditu.com/DataServer?T=vec_c&x=3233&y=673&l=12&tk=你的密钥 新：https://t0.
从天地图下载瓦片构建ArcGIS Server底图服务
Thanks_2099的博客
03-24 1257
从天地图下载瓦片构建ArcGIS Server底图服务 我们可以通过调用天地图发布的API来将天地图作为自己的底图，但是这需要我们去学习如何天地图的API，并且要将天地图集成到自己的WebGIS系统中则比较繁琐，并且在公司不能使用外网的情况下，调用天地图的API将变为不可行。今天我们通过下载天地图的瓦片地图，然后按照ArcGIS的瓦片组织规则将天地图的瓦片构建为自己服务器上的底图服务。...
天地图、谷歌地图服务URL
热门推荐
南乔几经秋、的博客
09-28 1万+
一、谷歌地图服务 1、谷歌地图 （URL中lyrs=后的值为图层类型：m-地图，s-影像，h-注记，t-地形，y-混合影像与注记） http://mt3.google.cn/vt/lyrs=m@762&x=208&y=105&z=8 2、谷歌影像图层 http://mt3.google.cn/vt/lyrs=s@762&x=208&y=105&z=8 3、谷歌注记图层 http://mt3.google.cn/vt/lyrs=h@762&
腾讯、百度、高德、谷歌、天地图地图瓦片
qq_51424616的博客
11-17 4995
以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。 腾讯、百度、高德，加上谷歌和天地图应该足够用了。 腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。WGS84和CGCS2000坐标系，近似认为它们相等就可以了。 高德路网： https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z=.
Cesium——天地图服务调用流程&文档&申请Key、token&代码
weixin_46127993的博客
01-05 4809
天地图是中国国家基础地理信息系统，由中国测绘地理信息局和国家地理信息公共服务平台共同开发和运营。它提供了包括地图数据、地理编码、路径规划、地理搜索等多项地理信息服务。天地图的目标是为各行业提供高质量、全面的地理信息数据和解决方案，支持政府决策、城市规划、资源管理、环境保护、交通导航、物流配送等领域的应用。天地图在国内广泛应用于政府机构、企事业单位以及个人用户的地理信息查询与分析工作中。
ol+天地图+geoserver_使用openlayers 3 在线加载天地图及GeoServer发布的地图
05-20
你好，要使用OpenLayers 3加载天地图和GeoServer发布的地图，可以按照以下步骤进行： 1. 引入OpenLayers库和CSS文件 ```html <link rel="stylesheet" href="https://openlayers.org/en/v3.20.1/css/ol.css" type=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值