如果说小程序比微信官方账号和H5网页更好的话，基于位置的用户体验是个不错的地方。 云崛起为客户定制开发小程序时，经常会遇到使用地图显示具体位置的功能需求，如下图所示。 看到这个界面，很多人会想通过腾讯的地图组件来构造这个页面，但是还是很难做到一模一样。其实点击右下角的绿色按钮有以下功能。 其实这个接口是微信小程序自带的。如果知道位置名称、地址、经纬度，就可以通过使用API跳转到这个界面。界面如下所示。 wx.openLocation({ 纬度:Parseflow(纬度)，//纬度，范围-90到90，负数表示南纬。使用gcj02国家测绘局坐标系统 经度:Parsefloat(经度)，//经度，范围-180到180，负数表示西经。使用gcj02国家测绘局坐标系统 名称:地址名称，//位置名称 Address:地址，//地址的详细描述 比例:18 }) 比例尺是地图的比例尺范围从5到18，是地图显示位置的比例尺。 这样就实现了微信小程序查看地图的功能。这里，我们在开发过程中遇到的问题是:一般你需要点击小地图到这个界面，但是小地图需要能够拖拽和点击移动。虽然微信小程序有这个参数控制，但其实是个坑，基本没用。 我们的解决方案是在小地图上覆盖一个透明的覆盖视图，代码如下

& lt地图id = & quot地图& quot经度= & quot{ { data.longitude } } & quot纬度= & quot{ { data.latitude } } & quotscale = & quot14 & quotmarkers = & quot{ { markers } } & quotenable-scroll = & quot；假& quot启用-缩放= & quot假& quotenable-rotate = & quot；假& quotshow-location style = & quot；宽度:100%；身高:450rpx"& gt & lt封面-查看数据-经度= & quot{ { data.longitude } } & quot数据纬度= & quot{ { data.latitude } } & quot数据地址名称= & quot{ {数据.地址名称} } & quot数据地址= & quot{ { data.address } } & quotbindtap = & quotgoMap & quotstyle = & quot宽度:100%；高度:450rpx & quotclass = & quotmap _ cover & quot& gt& lt/cover-view & gt； & lt/map & gt； 从而完美实现这一功能。 云崛起自从微信小程序上线以来，我们一直在研究小程序自定义开发。目前，我们已经积累了丰富的发展经验。因为跳过了很多坑，我们都知道哪里有坑，这样可以保证开发效率和质量，把小程序的用户体验做到极致。 如需定制小程序，可联系我们小程序开发咨询热线010-57278867。

寒武纪. render(“尾巴”)

本文由“云崛起”原创发布，未经许可，禁止转载！本文原创链接：http://www.yunjueqi.com/weixinfenxiao/2330.html