小程序基于Map组件实现路线规划   
   
    一、场景描述这是一个连锁加盟的企业,数据库里储存了各经销商的位置,要求系统具备可以让用户点击位置规划出从用户所在位置到该经销商的路线图。在传统web端实现起来比较轻松,我们只需要通过H5的位置接口获取用户当前位置。然后引入第三方地图组件库,调用相关api。路线自然会渲染到页面中。  <script charset="utf-8" sr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-27 21:36:14
                            
                                224阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            来自很久后的更新:估计是社区里问的人太多,官方已经把我这个插件照抄到微信开发者工具里了,说明这个功能还是很有用的。但让人不解的是官方真的就完全照抄了也不做一点优化,体验辣鸡的一匹,哪怕多实现一个自动下载source map或从错误日志跳转的能力也行呀,你可是大厂啊。。。sourceMap是什么在前端开发过程中代码难免会有错误,即便是再小心,也有可能出现 Cannot read property '            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-01 13:57:26
                            
                                42阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一:如何标点问题地图模块需要用标点:官网API里面的wx.createMapContext(mapId, this)接口,且用官网Demo,小程序运行报错此时需要在wxml里面给map标签添加属性markers="{{markers}}",且在js里面定义markers对应的id值,才可进行标点;另外如果想要多点标记的话应采用官网组件里面的map组件,使用map标签添加属性markers="{{m            
                
         
            
            
            
            又是好长一段时间没有写东西了(上一篇还是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同理            
                
         
            
            
            
            最近在开发小程序,身心疲惫,原因是功能和app相同,我裂开了。各种封装组件,各种写页面,不过有个好处是以前写的h5拿来改一下标签,基本上还是ok的,就剩下最后几个功能,其中就有一个VR全景功能。移动端倒是好做,上次做了大概2天就搞定了,原理就是threejs用css3做图片的旋转,具体例子可以参照https://threejs.org/examples/css3d_panorama.html不过多            
                
         
            
            
            
            使用16进制颜色,蓝湖选择颜色透明度对应的十六进制表示法对于好看的ui效果,会经常使用透明度的,所以掌握常用的16进制来表示颜色透明度是很有必要的。常用的0% 透明度表示完全不透明,不透明度为255,对应十六进制FF10%透明度为 1A,20%透明度为 33,30%透明度为 4D,40%透明度为 66,50%透明度为 80,60%透明度为 99,70%透明度为 B3,80%透明度为 CC,90%透            
                
         
            
            
            
            刚刚又发生一个bug,搞得我头皮发麻,本来该美滋滋的回家准备度过愉快的周末,瞬间变成了日常修bug,来,开始填坑之路情景再现:  首先说一说我们项目的需求,  点击下方,弹出抽屉点击对应的地图打开相应的APP 思路一:用map组件来实现坑:布局都搞好之后,在微信开发者工具一切正常,结果真机测试的时候只有地图,所有东西都被覆盖住了效果:原因:原生Map组件层级是最高的,并且不能使用z-in            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-19 23:00:00
                            
                                295阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            欢迎继续阅读《Taro 小程序开发大型实战》系列,前情回顾:熟悉的 React,熟悉的 Hooks:我们用 React 和 Hooks 实现了一个非常简单的添加帖子的原型多页面跳转和 Taro UI 组件库:我们用 Taro 自带的路由功能实现了多页面跳转,并用 Taro UI 组件库升级了应用界面而在这一篇中,我们将实现微信和支付宝多端登录。如果你希望直接从这一篇开始,请运行以下命令:git c            
                
         
            
            
            
                    其实前些天,吴哥就说让我加上一个定位,我说我还没看文档,还没学,暂时没加。今天上午终于开始接受map组件的挑战,我不滴不说我真的是很懒,好吧,也有点会拒绝困难,但如果真的需要,我也            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-12 17:53:18
                            
                                506阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            微信小程序API之mapwxml:<map id="map"longitude="113.324520"latitude="23.099994"scale="16"markers="{{markers}}            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-20 10:08:54
                            
                                23阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在大家准备开始编写小游戏之前,我先泼一盆冷水,微信小游戏不同小程序,审核流程有差别。A. 个人主体需提交:2个,《计算机软件著作权登记证书》、《游戏自审自查报告》B.  非个人主体需提交:4个,《广电总局版号批文》 、《计算机软件著作权登记证书》、《文化部备案信息》、《游戏自审自查报告》我附一个链接,审核需求https://developers.weixin.qq.com/communi            
                
         
            
            
            
            一:如何标点问题地图模块需要用标点:官网API里面的wx.createMapContext(mapId, this)接口,且用官网Demo,小程序运行报错此时需要在wxml里面给map标签添加属性markers="{{markers}}",且在js里面定义markers对应的id值,才可进行标点;另外如果想要多点标记的话应采用官网组件里面的map组件,使用map标签添加属性markers="{{m            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-21 18:51:55
                            
                                224阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本文所用排版工具:http://md.aclickall.com微信小程序要实现网络请求,首先要对其进行设置,下面以"微信web开发者工具V1.01.170913"为例一:对于服务器网站没有备案,或只需要做本地测试的用户在“微信web开发者工具”的“设置”->“项目设置”->“项目设置”中选:不校验安全域名、TLS 版本以及 HTTPS 证书,如下图二:对已有备案的网站服务器用户因为小            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-04 21:56:19
                            
                                406阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            微信小程序用户授权微信小程序最常用的可能就是调用用户权限给用户带来更多的用户体验而我们进入小程序的第一步就是授权小程序调用你的权限(调用用户权限基本要在用户进入的第一时间就进行调用授权)提前调用微信小程序很少涉及敏感信息的权限部分接口需要经过用户授权同意才能调用。微信小程序把这些接口按使用范围分成多个 scope,用户选择对 scope 来进行授权,当授权给一个 scope 之后,其对应的所有接口            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-21 00:25:43
                            
                                114阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            微信小程序关于位置信息的获取以及地图输出最近去参加了数学竞赛,题目和预期的偏差有点大,结果应该还算不甚理想,有机会做一下复盘。回归主题,这周日试了下在微信小程序中获取设备的位置信息并使用地图输出,参考文档就是微信小程序官方文档的map组件部分。仙人指路:https://developers.weixin.qq.com/miniprogram/dev/component/map.html吐槽一句:文            
                
         
            
            
            
            点击创建账号,进来之后,可以配置接待人员添加和修改,也可以设置用户进入聊天时的欢迎语,接待时间等操作。然后在小            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-12 11:09:12
                            
                                480阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            微信小程序项目实例——狼人杀 文章目录微信小程序项目实例——狼人杀一、项目展示二、首页三、游戏页四、特殊角色 项目代码见文字底部,点赞关注有惊喜一、项目展示狼人杀是一款多人参与的,通过语言描述推动、较量口才和分析判断能力的策略类桌面游戏玩家人数适于4-18人参与主要角色有:狼人 、预言家 、平民 、女巫 、猎人 、白痴 、守卫 、骑士等同时还有众多的玩家形象各角色的职能介绍 设置游戏人数和选择对应            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-11 10:27:22
                            
                                155阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            微信小程序开发:学习笔记[2]——WXML模板快速开始介绍是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。  打开开发工具的编辑器,在根目录下找到 app.json 文件,双击打开,在 "pages/index/index" 上新增一行 "pages/wxml/index" 保存文件。模拟器刷新后,读者可以在编辑器中找到 pages/wxml/index.wx            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-21 08:28:08
                            
                                81阅读
                            
                                                                             
                 
                
                                
                    