省下5wuniapp使用“天地图”地图API开发 - 免费地图组件

Posted 2022-06-09 Rudon滨海渔村

1> 传统地图的收费

国内的地图服务全面收费了_gaoyp的博客-CSDN博客_天地图收费标准最近高德地图频繁给公司打电话让缴费。说是商业应用都要交费。查了一下发现国内的地图三巨头应该是商量好了，全部收费，而且起步价一样，都是5万。只要是商业应用，起步价就都是5万。调用量大的话，还有加量包。这个价格真是不便宜了。苹果还好，实在不行，还可以用系统的地图服务，免费。android就惨了，以前听Android的同事说，Android系统连自带的定位服务都没有，需要三方库支持。查了一下，现在国内的天地图还是免费的，天地图是国家测绘局背景的，还是国家的大气。但是官网上只找到的JS SDK。网上有找https://blog.csdn.net/gaoyp/article/details/123600012

2> uniapp地图map组件的收费

map | uni-app官网https://uniapp.dcloud.io/component/map.html#%E4%B8%89%E6%96%B9%E5%AE%9A%E4%BD%8D%E5%92%8C%E5%9C%B0%E5%9B%BE%E6%9C%8D%E5%8A%A1%E6%94%B6%E8%B4%B9%E8%AF%B4%E6%98%8E

3> uniapp使用免费的“天地图”

1. 免费配额
   http://lbs.tianditu.gov.cn/server/geocoding.html
   
   
    
2. 注册账号
   http://lbs.tianditu.gov.cn/server/geocoding.html
    
3. 申请开发者资质（个人或企业）
    
4. 创建应用，获取token（tk）
   
    
5. 在uniapp中，使用webview来使用天地图的地图展示、搜索功能
   web-view | uni-app官网https://uniapp.dcloud.io/component/web-view.html1）vue视图中，用webview标签，指向uniapp项目下 /hybrid/html/xxx.html

   <template>
   	<view>
   		<!-- 本地webview -->
   		<web-view src="/hybrid/html/xxx.html"></web-view>
   	</view>
   </template>
   
   <script>
   	export default 
   		data() 
   			return 
   				
   			
   		,
   		methods: 
   			
   		
   	
   </script>
   
   <style>
   
   </style>
   

   
   2)  xxx.html中套用“天地图”的html代码，即可使用！（app端可能用）
   javascript API 4.0 介绍 - 天地图APIhttp://lbs.tianditu.gov.cn/api/js4.0/guide.html

 封面