天地图的简单使用

漫天绯羽

于 2024-06-28 16:40:18 发布

阅读量290

点赞数 3

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_36762151/article/details/140047170

版权

由于高德、百度、腾讯地图商用收费问题，导致使用地图都改成 “天地图”，从来没用过，萌币啊，网上例子也少，特此记录下希望对你有帮助。方便以后我CV

官网链接：国家地理信息公共服务平台天地图

天地图API：天地图API

示例链接：天地图API

常用方法分享：天地图——常用方法分享_天地图绘制区域边界-CSDN博客

数据下载地址：DataV.GeoAtlas地理小工具系列

有这几个基本就OK了；

以下是我不成气候的案例：

哈哈，还没写好，你们先看上面案例，就好了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

漫天绯羽

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
天地图的简单使用

由于高德、百度、腾讯地图商用收费问题，导致使用地图都改成 “天地图”，从来没用过，萌币啊，网上例子也少，特此记录下希望对你有帮助。哈哈，还没写好，你们先看上面案例，就好了。有这几个基本就OK了；
复制链接

扫一扫

天地图——常用方法分享

dyt1_1的博客

03-18

3025

（1）获取行政区划信息——points返回为空，只能使用其他方式获取行政区划边界坐标（参考（3）绘制边界线）（2）JavaScript API 4.0 类参考（常用）（3）JavaScript API 4.0代码示例（常用）（5）地图平移——改变中心点坐标，移动到其他位置。（9）逆地理编码——根据经纬度获取地址。（4）在地图上绘制点位（点聚合）（4）web API 代码示例。（8）去掉天地图自带的版权控件。（2）创建地图并标记当前位置。（5）vue使用天地图。

地图API哪个好用

独立开发者

07-24

4731

之前我们能用的地图软件还寥寥无几,而且一个地图包动辄就上百M,还不支持GPS,没有实时路况,没有卫星图,一年也未必更新一次。现如今的地图功能已经极大丰富了,开发者的项目选择性也很大,地图哪个受众比较多比较好用呢? 开发者不做“Outman”让你的项目与时俱进！Dev带你来了解一下。百度地图API 百度地图API是一套为开发者免费提供的

参与评论您还未登录，请先登录后发表或查看评论

天地图的实例

01-13

一个基于天地图的小实例，希望可以帮到大家。

三大地图付费后，仍可用的免费商用地图API

wm2ufq48的博客

12-15

2万+

三大地图5w每年下，仍可用的免费商用地图API

vue项目中使用天地图

01-08

1.首先打开天地图注册账号申请自己所用的key 网址：http://lbs.tianditu.gov.cn/home.html 2.创建自己的vue项目，这里就不说了 3.将引入到你项目中的index.html文件中 4.创建map.vue文件  export default { data(){ return{ } }, created(){ }, mounted(){ this.loadmap() },

Web各大地图开发

weixin_45203607的博客

09-15

5191

各大地图开发介绍想必大家对地图都不陌生,都使用过地图吧,有了地图我们也就不用在把回家的路径牢牢地记住了,只需要在地图上搜索下就能进行导航了, 而且在打车的时候也都使用的是地图,…地图作用范围很广很广这里就不在多介绍了直接进入主题. 目前市面上主流的地图有: 高德地图 https://lbs.amap.com/ 开发者平台百度地图 https://lbsyun.baidu.com/ 开发者平台腾讯地图 https://lbs.qq.com/ 开发者平台天地图 https://

关于百度地图、腾讯地图、高德地图、谷歌地图、天地图的那点事儿

捕风者

05-25

8370

一、

天地图开发实例

12-12

里边是web项目中天地图的实例jsp，包括的功能有在天地图上增加控件，增加tmarker，tlabel，线等，且对事件的绑定做了自己的处理，以供参考。

vue【天地图】使用天地图api绘制GeoJson解析，矩形绘画，实现本地js天地图效果

hui_54520的博客

08-04

4779

vue【天地图】使用天地图api绘制GeoJson解析，矩形绘画

获取天地图API并调用不同的地图API接口

最新发布

weixin_55684685的博客

05-26

5023

第一点：我们可以发现地图服务列表，即下面这个表中服务地址的不同点就在于我框选出来的部分，他们代表了不同的地图，就比如矢量底图中的vec_c 和vec_w两种名字代表了两种投影坐标，然后我们看官方给的请求示例地址，即上面的图中我框选的内容img_w代表的是影像底图球面墨卡托投影，所以后面的一串代码中的参数要和img_w对应，LAYER=img，TILEMATRIXSE=w。可以看到矢量图，影像图，注记图等2维地图，还可以看到3D地图api，所以一般就可以满足我们的日常使用了。

天地图风格符号库.rar

07-14

在ArcGIS中，导入天地图风格符号库的过程相对简单。用户可以通过ArcMap或ArcGIS Pro的“符号系统”选项，选择“加载自定义符号库”，然后指定到压缩包解压后的文件路径。这样，就可以在创建图层时选择这些预设的符号...

1.（leaflet篇）leaflet接入天地图.zip

07-22

Leaflet是一款轻量级的JavaScript库，专门用于创建交互式的二维地图。...总之，Leaflet与天地图的结合，为开发者提供了强大的地图应用开发平台，无论是简单的地图展示还是复杂的地图交互，都能轻松实现。

ArcGIS Desktop 10.1支持天地图

01-09

安装天地图插件的过程相对简单，通常包括以下几个步骤： 1. 下载并解压包含“tianditu.dll”和“ArcMapTianditu.esriAddIn”的压缩包。 2. 将“ArcMapTianditu.esriAddIn”文件复制到ArcGIS Desktop 10.1的扩展目录...

arcgis加载天地图

10-10

本文将详细介绍如何使用ArcGIS for JavaScript API加载天地图，涵盖影像底图、矢量底图以及标注的实现方法。一、 ArcGIS for JavaScript API简介 ArcGIS for JavaScript API是Esri公司开发的一套JavaScript库，...

地图（百度，高德，腾讯）收费，未经授权你要负法律责任？

紫外线

12-12

1万+

地图（百度，高德，腾讯）收费

百度、高德、腾讯、天地图、谷歌、必应地图切片切图工具 MapCutter（旧名MapTiler），支持超大图、高清切片、webgl、leaflet、maptalk、openlayers、cesium等

热门推荐

Kevin Cheng's Yard

06-24

3万+

MapTiler 地图覆盖图瓦片切图（金字塔切图）工具，支持百度、腾讯、高德、天地图等 # MapTiler 地图覆盖图瓦片地图（金字塔图）切图工具，支持百度、腾讯、高德、天地地图等，便捷易用。. https://www.cnblogs.com/surfsky/p/MapTiler.html 下载：MapTiler.2.4.rar # History 2020-06-24 支持天地图 2020-06-23 支持高德地图 # 支持地.........

天地图----leaflet sdk开发（一）

h_970918的博客

02-19

2355

1、地图的创建。 1.1地图的构造以下天地图的开发，均是属于leaflet二次开发，其文档与调用示例可在官网的开发中心里找到、关于地图的创建、与百度类似，但个人认为天地图的使用更加灵活。在官方示例中，可做一般项目展示使用。如有商用，是需要在天地图官网中申请资源的，申请之后会有专属的token值与接口，并且会有文档参考。首先、创建地图的荔枝。使用官方文档创建的示例。 var map = L.map(‘map’,{crs:L.CRS.EPSG3857,center: {lon:120.0921528798

自定义地图示例：天地图（一）

mapdigit

07-06

6078

前文说过，引路蜂地图开发包除了支持自带的20多种地图类型外，还支持自定义地图类型。要支持自定义地图类型，首先要了解你需要支持的地图服务器的分片方法，目前几种主流的地图服务如Google地图，Bing地图，MapAbc地图地图分片方法基本类似，具体可以参考Bing地图地图分片方法。一般地图缩放级别为1-17级，每片图片为256X256大小的PNG图像。中国推出了天地图 http://www.ti...

uniapp如何使用天地图

05-16

使用天地图需要以下步骤： 1. 在天地图开发者平台注册账号并创建应用，获取应用的key。 2. 在uniapp中引入天地图的js文件和css文件。 3. 在uniapp的页面中使用天地图提供的API进行地图展示和操作。以下是一个简单的示例代码： ``` <template> <view> <div id="mapContainer"></div> </view> </template> <script> export default { mounted() { this.initMap(); }, methods: { initMap() { // 引入天地图的js文件和css文件 let script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://api.tianditu.gov.cn/api?v=4.0&tk=yourKey'; document.body.appendChild(script); let css = document.createElement('link'); css.type = 'text/css'; css.rel = 'stylesheet'; css.href = 'http://api.tianditu.gov.cn/api.css'; document.head.appendChild(css); // 创建地图容器 let mapContainer = document.getElementById('mapContainer'); // 初始化地图 let map = new T.Map(mapContainer); // 设置地图中心点和缩放级别 let centerPoint = new T.LngLat(120.123456, 31.654321); map.centerAndZoom(centerPoint, 12); } } } </script> ``` 需要注意的是，由于天地图API需要使用应用key进行访问，因此在代码中需要将`yourKey`替换成自己的应用key。另外，由于天地图API是使用http协议进行访问的，因此需要在uniapp的manifest.json文件中配置`"networkTimeout": {"request": 10000, "connectSocket": 10000, "uploadFile": 10000, "downloadFile": 10000},`以避免因为网络请求超时而访问失败。