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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>HELLO WORLD</title>
    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你的天地图token"></script>
   <script>
        var map;
        var zoom = 12;
        function onLoad() {
			console.log('showMap');
            map = new T.Map('mapDiv');
            map.centerAndZoom(new T.LngLat(116.40769, 39.89945), zoom);
			console.log('Done');
        }
    </script>
</head>

<body onLoad="onLoad()">

	<h2>MAP</h2>
    <div id="mapDiv" style="position:absolute;width:500px; height:400px"></div>

</body>
</html>

天地图的TOKEN怎么获取？需要先申请开发者账号，个人版的免费，每日限额次数够用：

升级向导 - 天地图icon-default.png?t=M4ADhttp://lbs.tianditu.gov.cn/authorization/authorization.html

地图获取经纬度、获取

【最简单】地图获取经纬度的办法icon-default.png?t=M4ADhttps://blog.csdn.net/qq285744011/article/details/125273167

 封面

# webview # vue.js # android
Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

cover

vue+element ui实现好看的登录界面

avatar ViewDesign

vue3.0中使用elementUi(element-plus的使用)

element-plus的使用小朋友，你是不是有很多问号❓❓❓甲：为什么在vue3.0中不能使用Element UI了？乙：由于vue3.0在插件install函数的入参从Vue原型（类）改成了app（vue实例），导致element-ui中Vue.prototype.* 这样的代码已经全都失效了。所以element-ui铁定是不兼容了。甲：那有什么方法能解决吗？乙：使用Element UI的升级

avatar ViewDesign

ElementUI 整体页面布局

一、概述一般后台页面的顶部导航栏和左侧导航栏一般是固定的，我们可以布局成下面的样式二、整体项目布局因为我们的首页是个公共的组件，点击首页，会员管理，都不会变，所以我们可以放在一个单独文件夹里面。需要分别对头部，左侧区域，主区域拆分成不同的文件。创建项目创建一个全新的ElementUI 项目，请参考链接：https://www.cnblogs.com/xiao987334176/p...

avatar ViewDesign