一:如何标点问题地图模块需要用标点:官网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同理            
                
         
            
            
            
            小程序基于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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            最近在开发小程序,身心疲惫,原因是功能和app相同,我裂开了。各种封装组件,各种写页面,不过有个好处是以前写的h5拿来改一下标签,基本上还是ok的,就剩下最后几个功能,其中就有一个VR全景功能。移动端倒是好做,上次做了大概2天就搞定了,原理就是threejs用css3做图片的旋转,具体例子可以参照https://threejs.org/examples/css3d_panorama.html不过多            
                
         
            
            
            
            一:如何标点问题地图模块需要用标点:官网API里面的wx.createMapContext(mapId, this)接口,且用官网Demo,小程序运行报错此时需要在wxml里面给map标签添加属性markers="{{markers}}",且在js里面定义markers对应的id值,才可进行标点;另外如果想要多点标记的话应采用官网组件里面的map组件,使用map标签添加属性markers="{{m            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-21 18:51:55
                            
                                224阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本文介绍微信小程序map控件的使用map为原生控件之一……介绍完map控件之后下面直接来看代码            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-29 22:24:07
                            
                                277阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、定位
开通地理位置或者模糊地理位置接口后才能实用独赢的方法定位
以模糊定位为例:
wx.getFuzzyLocation({
    success: res => {``
      console.log(2,res);
      //写业务逻辑
    },fail: err => {
          console.log('获取定位失败',err);            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-25 14:58:06
                            
                                283阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            刚刚又发生一个bug,搞得我头皮发麻,本来该美滋滋的回家准备度过愉快的周末,瞬间变成了日常修bug,来,开始填坑之路情景再现:  首先说一说我们项目的需求,  点击下方,弹出抽屉点击对应的地图打开相应的APP 思路一:用map组件来实现坑:布局都搞好之后,在微信开发者工具一切正常,结果真机测试的时候只有地图,所有东西都被覆盖住了效果:原因:原生Map组件层级是最高的,并且不能使用z-in            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-19 23:00:00
                            
                                295阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            使用16进制颜色,蓝湖选择颜色透明度对应的十六进制表示法对于好看的ui效果,会经常使用透明度的,所以掌握常用的16进制来表示颜色透明度是很有必要的。常用的0% 透明度表示完全不透明,不透明度为255,对应十六进制FF10%透明度为 1A,20%透明度为 33,30%透明度为 4D,40%透明度为 66,50%透明度为 80,60%透明度为 99,70%透明度为 B3,80%透明度为 CC,90%透            
                
         
            
            
            
            完整微信小程序(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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            欢迎继续阅读《Taro 小程序开发大型实战》系列,前情回顾:熟悉的 React,熟悉的 Hooks:我们用 React 和 Hooks 实现了一个非常简单的添加帖子的原型多页面跳转和 Taro UI 组件库:我们用 Taro 自带的路由功能实现了多页面跳转,并用 Taro UI 组件库升级了应用界面而在这一篇中,我们将实现微信和支付宝多端登录。如果你希望直接从这一篇开始,请运行以下命令:git c            
                
         
            
            
            
                    其实前些天,吴哥就说让我加上一个定位,我说我还没看文档,还没学,暂时没加。今天上午终于开始接受map组件的挑战,我不滴不说我真的是很懒,好吧,也有点会拒绝困难,但如果真的需要,我也            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-12 17:53:18
                            
                                506阅读