小程序地图覆盖手绘地图的解决方法

引言

手绘地图顾名思义就是手工绘制的地图，比普通的地图更有观赏性和生动性，通过把特定的地点绘制出来，兼具实用和纪念性，同时更加具有可看性。一般在旅游景点有很多这种纸质版手绘地图。比如这种：

问题

如何在小程序地图上实现覆盖手绘地图

方法

目前在小程序实现贴图主要有三种方法：

1.小程序个性化地图扩展功能（需要钱）

2.小程序内嵌webview（初始加载速度慢，而且个人开发的小程序无法使用）

3.应用MapContext.addGroundOverlay接口

排除要钱的和不好用的，这里我们将用第三种方法来实现小程序贴图：

index.wxml

index.js

小程序地图覆盖手绘地图的解决方法相关推荐

小程序不支持wx.request同步请求解决方法
小程序不支持wx.request同步请求解决方法参考文章: (1)小程序不支持wx.request同步请求解决方法 (2)https://www.cnblogs.com/bainiu/p/77038 ...
VS C#程序打包覆盖安装不能更新的解决方法
最近写个小程序,打包覆盖安装更新时老是不起作用,还是原来的程序. 在网上四处查找,productcode和ersion都已经更改,removepreviousversions也设置成true了,可就是 ...
微信小程序开发错误：LoginError {type: ERR_WX_GET_USER_INFO}解决方法
错误内容微信小程序登录接口报以下错误: LoginError {type: "ERR_WX_GET_USER_INFO", message: "获取微信用户信息失败,请 ...
mpvue开发小程序分享朋友圈无法自定义标题解决方法
在node_modules里面找到mpvue,手动修改一下mpvue这个包下的index.js文件 // 用户点击右上角分享到朋友圈 onShareTimeline: rootVueVM.$opti ...
小程序地理位置接口wx.getLocation申请审核解决方法（详细说明及避坑）
本人申请了三次才最终通过,简单说一下坑前几天想实现定位功能改了一天代码手机上也不行. 晚上登上小程序管理界面才发现那个功能要申请...那就申请呗申请路径:小程序页面-开发-开发管理-接口设置-地理 ...
微信小程序开发工具win10下编译非常慢解决方法
微信小程序开发工具win10下编译非常慢的解决方法点击微信小程序开发工具右侧详情,在本地设置中将[启用多核心编译]选项去掉,开发工具重启即可
微信小程序【渲染层网络层错误】解决方法
问题场景: 利用微信小程序开发平台进行编写过程中,关于image组件使用,会出现图片无法加载问题,原本一个简单的问题却找了各种方法没有解决.此次问题出现使用的开发平台调试基础库版本为2.30.1,因为 ...
微信小程序代码大于2M的一种解决方法
今天,上传小程序代码到另一个微信号,提示代码尺寸过大,卧槽,我上传另一个微信h号都成功了呀!死活找不到原因,就大了270K左右,真是郁闷.偶然把灰级度调小,上传就可以了.估计是文件没压缩就上传,不明白 ...
uniapp 小程序用户信息接口被收回暂行解决方法
https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01?page=4 官方文档说了 ...

小程序地图覆盖手绘地图的解决方法

小程序地图覆盖手绘地图的解决方法相关推荐

最新文章

热门文章