小程序资讯站一一为您提供当下热门前沿的小程序动态

查看更多
首页 > 小程序资讯 > 小程序开发中如何显示全屏地图开发网络小程序位置定位

小程序开发中如何显示全屏地图开发网络小程序位置定位

假如要说小程序比公众号和H5网页好在哪,位置定位用户体验算是一个不错的中央。

方维网络在为客户定制开发小程序的时分,经常会遇到运用地图显现特定位置的功用需求,如下图所示。


小程序位置

看到这个界面,很多人会想经过腾讯的地图MAP组件去结构这个页面,但一直还是很难做到一模一样,其实点击右下角阿谁绿色的按钮,还有如下功用

地图点击后出现界面
福州小程序
其实这个界面是微信小程序自带的,假如晓得位置称号、地址、经纬度,运用API就能够跳转到这个界面。接口如下所示

wx.openLocation({
  latitude:parseFloat(latitude),//纬度,范围为-90~90,负数表示南纬。运用 gcj02 国测局坐标系
  longitude:par微信小程序打广告seFloat(longitude),//经度,范围为-180~180,负数表示西经。运用 gcj02 国测局坐标系
  name: address_name,//位置名
  address:address,//地址的细致阐明
  scale: 18
})

其中scale是地图缩放比例 范围5~18,就是地图显现位置比例大小。

这样就完成了微信小程序查看地图的功用。这里延升一下,我们在开发过程中遇到的问题是:普通是需求点击小地图到这个界面,而小地图需求不克不及拖放和点击挪动,固然微信小程序有这个参数控制,但实践是个坑,根本没用。

我们的处理方法是在小地图上面掩盖一个透明的cover-view来完成,代码如下

<map手机我的小程序在哪里找 id="map" longitu发一发小程序怎么用de="{{data.long怎么锁定微信小程序和游戏?itude}}" latitude="{{data.latitude}}" scale="14" markers="{{markers}}" enab德州小程序le-scroll="false" enable-zoom="false" enable-rotate="false" show-location style="width: 100%; height:450rpx;">
<cover-view data-longitude="做一个小程序商城大概需要多少钱{{data.longitude}}" data-latitude="{{data.l苹果手机qq的小程序在哪里找出来atitude}}" data-address_name="{{data.address_name}}" data-address="{{data.address}}" bindtap="goMap" style="width:100%;height:450rpx" class="map_cover"><北京小程序/cover-view>
</map>

从而圆满完成这一功用。

方维网络从微信小程序推出开端,就不断研讨小程序定制开发,目前曾经积聚了丰厚的开发经历,由于曾经跳了很多坑,所以哪里有坑,我们都晓得,能够包管开发效率和开发质量,把小程序的用户体验做到极致。

假如你有需求定制小程序,可联络我们抖音小程序正规价格表小程序开发咨询热线400-800-9385

 

【温馨提示】极乐小程序倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至jason@dreawer.com,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于极乐小程序观点。用户与作者的任何交易与本站无关,请知悉。

热门标签

小程序    微信小程序    微信    小程序运营    百度小程序    运营    智能小程序    入口    电商    用户    好物圈    支付宝小程序    公众号    APPx    注销    头条小程序    小程序开发    实体店小程序    流量    功能    微信公众号    运营复盘    38妇女节    注册    小程序登录    小程序推广    微信小程序开发多少钱    外卖小程序    微信好物圈    腾讯    公测    抖音    房地产    小程序注册    找客户    微信店铺    微信开店    乡镇小生意    农村小生意    赚钱    做生意    小程序开店    开店卖货赚钱    店卖货赚钱    程序    方式    答案    浅析    变现    分析    选择    原因    定制    程序开发    卖货    微信卖货    外卖    小程序拼团    小程序开发成本    裂变营销    小程序裂变    微信小程序SEO    小程序SEO    电商小程序开发    QQ小程序    家政    客服    获客    医疗小程序    侵权    百度搜索    b站    智慧零售    工具小程序    推广    物流助手    小程序电商    小程序物流助手    区块链小程序    区块链    小程序测评    管理    ios桌面    小程序主体    聊天    删除小程序    商业价值    营销获客    生鲜水果    企业    商家    发布    审核    桌面    今日头条小程序    今日头条    小程序客服    互联网金融    小程序玩法    搜索流量