uniappApp端使用高德地图第一步：先去高德官网申请keyhttps://console.amap.com/dev/key/app关于SHA1生成方法如下：https://lbs.amap.com/faq/android/map-sdk/create-project/43112我使用的是使用keytool（jdk自带工具）获取SHA1PackageName包名和你需要云打包的项目Android包名一样第二步：打开项目manifest.json文件，将所需的权限配置好第三步：下载微信小程序SDK：https://lbs.amap.com/api/wx/download然后放进uni项目，在需
介绍这里是小编成长之路的历程，也是小编的学习之路。希望和各位大佬们一起成长！以下为小编最喜欢的两句话：要有最朴素的生活和最遥远的梦想，即使明天天寒地冻，山高水远，路远马亡。一个人为什么要努力？我见过最好的答案就是：因为我喜欢的东西都很贵，我想去的地方都很远，我爱的人超完美。因此，小编想说：共勉！ 目录前言一、去注册一个高德地图api的账号二、获取天气前的准备工作1、登录高德开放平台2、进入控制台===》点击应用管理===》我的应用===》创建应用 3、创建应用编辑1)可以选择其他也可以选择天气 2)在刚刚创建的应用中，点击添加 3）添加apikey4）获取到apikey三、获取amap-w
介绍这里是小编成长之路的历程，也是小编的学习之路。希望和各位大佬们一起成长！以下为小编最喜欢的两句话：要有最朴素的生活和最遥远的梦想，即使明天天寒地冻，山高水远，路远马亡。一个人为什么要努力？我见过最好的答案就是：因为我喜欢的东西都很贵，我想去的地方都很远，我爱的人超完美。因此，小编想说：共勉！ 目录前言一、去注册一个高德地图api的账号二、获取天气前的准备工作1、登录高德开放平台2、进入控制台===》点击应用管理===》我的应用===》创建应用 3、创建应用编辑1)可以选择其他也可以选择天气 2)在刚刚创建的应用中，点击添加 3）添加apikey4）获取到apikey三、获取amap-w
PC端高德地图使用步骤：1、注册并登录高德开放平台获取2、安装高德依赖（amap-jsapi-loader）3、初始化地图4、首次打开地图获取当前定位并标记5、根据已有地址自动定位到指定地址并标记6、新增、清除标记及自定义信息窗体7、鼠标点击地图并选点标记8、根据关键字搜索并自动定位9、效果图10、完整代码高德官方api：高德官方开放平台一、注册并登录高德开放平台获取（key和秘钥）引用：script>importAMapLoaderfrom'@amap/amap-jsapi-loader';window._AMapSecurityConfig={securityJsCode:'*******
PC端高德地图使用步骤：1、注册并登录高德开放平台获取2、安装高德依赖（amap-jsapi-loader）3、初始化地图4、首次打开地图获取当前定位并标记5、根据已有地址自动定位到指定地址并标记6、新增、清除标记及自定义信息窗体7、鼠标点击地图并选点标记8、根据关键字搜索并自动定位9、效果图10、完整代码高德官方api：高德官方开放平台一、注册并登录高德开放平台获取（key和秘钥）引用：script>importAMapLoaderfrom'@amap/amap-jsapi-loader';window._AMapSecurityConfig={securityJsCode:'*******
最开始遇到地图这块的时候，想的比较复杂。想到是不是需要引用高德或者百度地图api之类的。其实完全没必要，使用uniapp自带的方法uni.openLocation即可。话不多说，完整代码、注释、以及开发中遇到的问题如下所示：1、uniapp打包成微信小程序后—配置app.json文件//开发过程中，需要在unpackage>>dist>>dev>>mp-weixin>>app.json中加入如下配置"permission":{"scope.userLocation":{"desc":"你的位置信息将用于小程序位置接口的效果展示"}}//在manifest.json的源码视图中配置：配置appi
最开始遇到地图这块的时候，想的比较复杂。想到是不是需要引用高德或者百度地图api之类的。其实完全没必要，使用uniapp自带的方法uni.openLocation即可。话不多说，完整代码、注释、以及开发中遇到的问题如下所示：1、uniapp打包成微信小程序后—配置app.json文件//开发过程中，需要在unpackage>>dist>>dev>>mp-weixin>>app.json中加入如下配置"permission":{"scope.userLocation":{"desc":"你的位置信息将用于小程序位置接口的效果展示"}}//在manifest.json的源码视图中配置：配置appi
问题描述使用uniapp模板开发微信小程序过程中引入高德地图小程序插件失败，由于本人是第一次使用vue开发对vue2和3的模块引入方式并不甚了解，官方文档也并未提及所以踩了坑，特记录一下，先看代码：importamapfrom"@/lib/amap-wx.130.js";//引入高德地图小程序插件根据官方文档这里引入js插件后即可在onload函数实例化一个AMapWX对象onLoad(){ letthat=this letamapPlugin=newamap.AMapWX({ key:"xxxxxxxxx" }) letheight=300; letwidth=3
问题描述使用uniapp模板开发微信小程序过程中引入高德地图小程序插件失败，由于本人是第一次使用vue开发对vue2和3的模块引入方式并不甚了解，官方文档也并未提及所以踩了坑，特记录一下，先看代码：importamapfrom"@/lib/amap-wx.130.js";//引入高德地图小程序插件根据官方文档这里引入js插件后即可在onload函数实例化一个AMapWX对象onLoad(){ letthat=this letamapPlugin=newamap.AMapWX({ key:"xxxxxxxxx" }) letheight=300; letwidth=3
记录，留后自用：小程序项目按要求必须使用高德地图。在使用uniapp开发小程序过程中，如何使用高德地图进行定位？自测成果图以下：其中使用了map组件map|uni-app官网 map组件默认为腾讯地图。我这里也是腾讯地图的“身子”，但是使用的是高德的“脑袋”。1.先进入高德地图开发平台创建key。高德开放平台|高德地图API进入网页右上角点击进入控制台 --> 首页基础服务使用概况 根据需要创建添加key。2.manifest.json中微信小程序配置，位置接口填写描述。 3.根据以下网址，进入下载插件。在创建的项目中，新建一个名为libs目录，将下载的插件拷贝进入libs目录。相关下载-微
