UNIAPP移动端免费地图!!(全网唯一详细且免费教程)

一:注册天地图

天地图API (tianditu.gov.cn)

进去注册账号,然后:

UNIAPP移动端免费地图!!(全网唯一详细且免费教程)_第1张图片 点击申请

 UNIAPP移动端免费地图!!(全网唯一详细且免费教程)_第2张图片

 点击创建新应用

UNIAPP移动端免费地图!!(全网唯一详细且免费教程)_第3张图片

 这里可以先选浏览器端测试。

 然后就会给出你的Key,复制好。

二:使用天地图

在项目下创建:hybrid/html/xxx.html(xxx为你的文件名)

UNIAPP移动端免费地图!!(全网唯一详细且免费教程)_第4张图片

 xxx.html里面的内容放:注意在你的key这里把你的key换上




    
	
    HELLO WORLD
    
   

 

 
	

MAP

然后回到你的展示页面 xxx.vue:


 

 

然后保存关闭重新运行一条龙。

三:结果展示

UNIAPP移动端免费地图!!(全网唯一详细且免费教程)_第5张图片

 

你可能感兴趣的:(UNIAPP,uni-app)