无法在这个位置找到: head2.htm
当前位置: 建站首页 > 凡科导航 > 微商城 >

网页制作工具—微信小程序高德地图API

时间:2021-03-26 00:24来源:未知 作者:网页设计工具 点击:
弥勒供电系统系统软件系统软件手机软件与手机上入门机手机微信手机上手机微信手机微信微信小程序推动智能化化化缴费协议书书便签定 弥勒供电系统系统软件系统软件手机软件局邀

原文中章详尽详细介绍手机上手机微信手机微信微信小程序开启高德地貌图API的整个过程,运用高德精确精准定位功效做演试。

手机上手机微信手机微信微信小程序目前可用百度搜索检索地貌图、高德地貌图、腾讯地貌图。
[标识:內容1]
应用方式可以称作基本完全一样,原文中章以高德为例子子,简单说一下他们的区别,高德地貌图高精密度理应是最准确的,终归本来就是做地貌图出生的。百度搜索检索地貌图的高精密度目前较高德来说,还是要略微欠缺一点,但是他的附近商家这种要较为高德好一点。而相关腾讯地貌图,临时性来说还是仅有说明呵呵呵呵,希望越来越越就会越行吧。
1.即然此章是详尽详细介绍手机上手机微信手机微信微信小程序如何运用高德地貌图API,那么第一件事没什么疑惑是进入高德地貌图对外开放对外开放综合服务平台(lbs.amap/)。这儿务必申请办理申请注册,登录。
2.开展登陆后,进入控制台,在左边侧边栏里点一下 应用管理方法方式-我的应用- 创建新应用,会转换成一个key,这一key在后面将会选用。熟记关系服务选择 手机上手机微信手机微信微信小程序
3.登录手机上手机微信开发设计设计方案者综合服务平台,在互联网网络服务器域名设置里将高德地貌图的域名设置好

4.在你的最新项目中美建一个文档文件目录libs,将amap-wx.js文本文档放入此篇件文件目录里(amap-wx.js完全免费免费下载详尽详细地址:lbs.amap/api/wx/download,减轻工作压力出来会出現两个文本文档,这儿只务必一个),结果下列:

5.在libs文档文件目录下创建配置文本文档config.js,加载第二步得到的key,例如

高德api配置到这儿就结束了,以下便是我开启高德进行精确精准定位的demo

JS一一部分:

var amapFile = require('../../libs/amap-wx.js');  //引入高德jsvar config = require('../../libs/config.js');      //引进大伙儿的配置文本文档Page({  data: {    markers: [],    latitude: '',    longitude: '',    textData: {}  },  onLoad: function () {    var that = this;    var key = config.Config.key;    var myAmapFun = new amapFile.AMapWX({ key: key });    myAmapFun.getRegeo({      iconPath: "../../img/marker.png",      iconWidth: 22,      iconHeight: 32,      success: function (data) {        console.log(data);        var marker = [{          id: data[0].id,          latitude: data[0].latitude,          longitude: data[0].longitude,          iconPath: data[0].iconPath,          width: data[0].width,          height: data[0].height        }]        that.setData({          markers: marker        });        that.setData({          latitude: data[0].latitude        });        that.setData({          longitude: data[0].longitude        });        that.setData({          textData: {            name: data[0].name,            desc: data[0].desc          }        })      },      fail: function (info) {        // wx.showModal({title:info.errMsg})      }    })  }})

WXML一一部分:

view  map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" markers="{{markers}}"/map  /viewview    text {{textData.name}}/text    text{{textData.desc}}/text/view

WXSS一一部分:

.map_container{  position: absolute;  top: 0;  bottom: 80px;  left: 0;  right: 0;}.map{  width: 100%;  height: 100%;}.map_text{  position: absolute;  left: 0;  right: 0;  bottom: 0px;  height: 80px;  background: #fff;  padding: 0 15px;}text{  margin: 5px 0;  display: block;  font-size:12px;}.h1{  margin: 15px 0;  font-size:15px;}

此网页页面网页页面大概长那般:

PS:
高德地貌图官方网网开发设计设计方案指南详尽详细地址   lbs.amap/api/wx/guide/create-project/config-project
我的手机微信微信小程序demo详尽详细地址   github/Yxiaogg/vioShop(star star star)


经典著作权声明

即速应用倡导高度重视与维护保养技术专业专业知识产权年限期限。如发现本站文章内容內容存在经典著作权难点,烦请提供经典著作权疑虑、真正真实身份确认、经典著作所有权证实、 ,大伙儿将马上处理。本站文章内容內容仅作共享资源沟通交流沟通交流关键主要用途,写作者看法不一同于即速应用看法。顾客与写作者的一切交易与本站无关紧要,请悉知。


弥勒供电系统系统软件与手机上手机微信手机微信微信小程序促进智能化化交费协议书便签署 弥勒供电系统系统软件局邀请手机上手机微信手机微信微信小程序“融e电”开发设计设计方案商在我国工商局局金融业组织相关工作中中工作中工作人员学员学生就业实干际实际操作流程进行学习培训学习培训 1605581535 2020双十一,手机上手机微信手机微信微信小程序如何杀出重围占据生产制造制造行业盈利? 双十一即将到来,各种各样商家早已在十月中就早就摩拳擦掌了,相对性性能比过去双十一的盛况,今年手机微信微信小程序才华横溢变为电子器件商务接待生产制造制造行业重要的比赛场。根据阿拉丁指数值值报告预测分析剖析大伙儿能够看到,今年双十一手机微信微信小程序的广告宣传宣传策划运营经营规模将呈现爆发式提升,有去年18亿到今年的4六亿,提升做到250%。手机微信微信小程序电子器件商务接待将变为流量争夺的重要方法。 1605581327 在我国邮政于百度搜索检索App公布集寄件、查询非常于一身的著名知名品牌卡功效 一年一度的双11购物快乐按期而至,大伙儿在“抢货”的同时,无可避免导致由于退货货要想寄快递公司企业的规定。便于考虑到顾客在双十一前后左右上下猛增的快递公司企业规定,在我国邮政于百度搜索检索App公布集寄件、查询非常于一身的著名知名品牌卡功效,该功效由百度搜索检索智能化化手机微信微信小程序载重。 1604628430

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信