又是好长一段时间没有写东西了（上一篇还是2018年8月份的-_-||）。 最近在开发微信小程序的过程中，遇到这样一个需求：在小程序中选择相册或拍照之后，要在图上进行标记，然后将标记保存为svg输出。 然额，就是这样一个需求，挠破头皮弄了两三天，不得不放弃o(╥﹏╥)o 佛祖开恩，今天突然灵光一闪，三两下就弄出来了，困扰了很久的问题迎刃而解，为自己鼓掌O(∩_∩)O哈哈~ 下面就正式开始我的解决过程
转载
2024-10-24 14:03:37
83阅读
微信小程序之svg地图自定义组件编写
之前写过一篇android中实现svg地图的文章，感兴趣的请点击android_打造通用svg地图自定义组件，本文将在小程序中实现一个svg地图自定义组件一.地图svg数据准备可以从下面这个网站下载自己需要的svg文件：http://datav.aliyun.com/tools/atlas/index.html二.实现思路和android同理
一：如何标点问题地图模块需要用标点：官网API里面的wx.createMapContext(mapId, this)接口，且用官网Demo,小程序运行报错此时需要在wxml里面给map标签添加属性markers="{{markers}}"，且在js里面定义markers对应的id值，才可进行标点；另外如果想要多点标记的话应采用官网组件里面的map组件，使用map标签添加属性markers="{{m
最近在开发小程序，身心疲惫，原因是功能和app相同，我裂开了。各种封装组件，各种写页面，不过有个好处是以前写的h5拿来改一下标签，基本上还是ok的，就剩下最后几个功能，其中就有一个VR全景功能。移动端倒是好做，上次做了大概2天就搞定了，原理就是threejs用css3做图片的旋转，具体例子可以参照https://threejs.org/examples/css3d_panorama.html不过多
小程序基于Map组件实现路线规划
一、场景描述这是一个连锁加盟的企业，数据库里储存了各经销商的位置，要求系统具备可以让用户点击位置规划出从用户所在位置到该经销商的路线图。在传统web端实现起来比较轻松，我们只需要通过H5的位置接口获取用户当前位置。然后引入第三方地图组件库，调用相关api。路线自然会渲染到页面中。 <script charset="utf-8" sr
转载
2024-10-27 21:36:14
222阅读
1.标记图标 <view class="top">
<map wx:if="{{markersStatus}}" class="map" id="myMap" scale="{{scale}}" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{d
转载
2024-05-18 17:26:16
86阅读
来自很久后的更新：估计是社区里问的人太多，官方已经把我这个插件照抄到微信开发者工具里了，说明这个功能还是很有用的。但让人不解的是官方真的就完全照抄了也不做一点优化，体验辣鸡的一匹，哪怕多实现一个自动下载source map或从错误日志跳转的能力也行呀，你可是大厂啊。。。sourceMap是什么在前端开发过程中代码难免会有错误，即便是再小心，也有可能出现 Cannot read property '
转载
2024-08-01 13:57:26
42阅读
1、定位
开通地理位置或者模糊地理位置接口后才能实用独赢的方法定位
以模糊定位为例：
wx.getFuzzyLocation({
success: res => {``
console.log(2,res);
//写业务逻辑
},fail: err => {
console.log('获取定位失败',err);
原创
2023-02-25 14:58:06
283阅读
完整微信小程序(Java后端) 技术贴目录清单页面（必看）地图（v2.7.0 起支持同层渲染，相关api wx.createMapContext。小程序解决方案除本章节介绍的小程序地图基础属性外，
原创
2021-07-05 10:07:29
1842阅读
地图是我们平时经常用到的组件，而且地图是显示在最高层的原生组件。任何组件都不能遮挡住map的显示，只有特殊的如cover-image等可以显示在地图的上层。<map id="map" latitude="{{latitude}}" longitude="{{longitude}}" scale="14" bindcontroltap="controltap" markers="{{marke
转载
2024-10-17 10:22:29
206阅读
index.wxml index.js 若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。 请点赞！因为你们的赞同/鼓励是我写作的最大动力！ 欢迎关注 "达叔小生" 的简书！ 这是一个有质量，有态度的博客 若本号内容有做得不到位的地方（比如：
转载
2019-09-01 19:01:00
150阅读
2评论
index.wxml index.js Page({ data: { latitude:30., longitude:114., circles:[{ latitude: ...
转载
2019-08-23 07:37:00
77阅读
2评论
index.wxml <map id="map" markers="{{markers}}" longitude="{{longitude}}" latitude="{{latitude}}" scale="25" circles="{{circles}}" show-location="{{true}}" bindmarkertap="marker"></map>...
原创
2021-07-15 16:44:35
342阅读
实现小程序进去后获取用户当前所在城市，然后显示该城市的数据，并且显示在导航栏和 Tab上。微信小程序中，我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息，这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家，哪个城市等信息，该如何实现呢？微信小程序中并没有提供这样的API，但是没关系，有wx.getLocation()得到的经纬度作为基础就够了，其他的，我们
转载
2024-08-30 13:33:13
156阅读
微信小程序之“脚步·生活”开发文档——地图小程序源码链接：https://github.com/LiuGuoXiangIamI/mapApp目录： 开发前的准备；微信小程序前端开发管理网站前端开发数据库设计后端开发前后端交互方法Bug总结总结与不足附录：代码链接开发前的准备1、选定开发工具：微信开发者工具（安装及配置见微信小程序官方开发文档）；Eclipse；前端+后端选定框架：前端：html+c
转载
2024-05-05 08:21:05
77阅读
源代码：var EARTH_RADIUS = 6378.137; //地球半径Page({ /** * 页面的初始数据 */ data: { // 存放当前位置经纬度 latitude: "", longitude: "", //自定义markers数组，用于地图上特定点的显示；从数据库读取当前位置周围1km以内的点，赋值到本数组 markers: [{
原创
2022-01-02 16:23:55
4453阅读
文章目录前言一、点聚合1.wxml2.js3.实际效果 前言地图基础属性：属性类型默认值必填说明最低版本longitudenumber是中心经度1.0.0latitudenumber是中心纬度1.0.0scalenumber16否缩放级别，取值范围为3-201.0.0min-scalenumber3否最小缩放级别2.13.0max-scalenumber20否最大缩放级别2.13.0marker
转载
2024-10-08 16:34:19
248阅读
index.js 获取gps准确的经纬度：http://www.gpsspg.com/maps.htm 获取后替换成你自己的想要的地址的纬度/**
* 页面的初始数据
*/
data: {
latitude: 31.8205700000,
longitude: 117.2290100000,
// 下面代码会在对应位置生成箭头
markers: [{
原创
2023-06-13 14:54:11
323阅读
通过下面一个实例学习地图API的调用，具体结合微信小程序地图API进行学习源码下载链接下载源码，添加到自己的小程序文件夹。查看大概效果如下：建议删除模板自己
转载
2022-12-16 13:40:41
272阅读
地图预览
原创
2023-09-19 11:04:31
241阅读
