昨天把vue的地图（高德）搞了下：步骤：1.去高德开发者平台申请key；2.安装vue-amap；3.使用组件调用地图1.npm安装vue-amapnpm install vue-amap --save2.在项目main.js引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap); // 初始化vue-amapAMap.initAMapApiLoader({ // 高德key key: '你的key', /
转载
2021-08-12 13:38:11
996阅读
vue-amap是一套基于Vue 2/vue3和高德地图的地图组件。
前言：之前没有接触过页面调用地图的项目，某次面试，老板要求我用vue-amap调用高德地图，回家以后，我去网上查了一些案例和教程，看似很简单的引入调用，我却整整弄了一宿，还没弄出来！！！百般无奈之下，我选择第二天重头来过，一定要找到什么原因...结果！血的教训告诉我，记录教程的时候，一定要有实践基础，切不可敷衍了事，不然别人看你的文章只是在浪费时间。——————————vue调用高德地图拢共分三步
转载
2019-12-20 17:22:00
417阅读
出现这种错误 我们只需要把插件都引入 在main.js中 plugin中的插件全引入 然后在index.html中的script标签中把所有的插件写全 <script type="text/javascript" src="https://webapi.amap.com/maps?key=42959 ...
转载
2021-07-15 10:37:00
3915阅读
点赞
2评论
项目简介vue-amapvue-amap是基于Vue 2.0和高德地图的地图组件。安装npm install -S vue-amap快速上手引入vue-amap// 引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoader({ // 高德的key key: 'Y...
转载
2021-08-22 13:04:23
1699阅读
vue-amap组件官方的文档里面示例代码消失了,
原创
2022-05-31 15:31:40
339阅读
最终效果图：首先需要引入：1：在index.html中引入：
<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode: '自己去高德地图申请',
}
</script>
<script src="https:
原创
2023-12-13 16:19:43
215阅读
一、在vue-cli的框架下的main.js(或者main.ts)中引入高德插件，代码如下：import Vue from 'vue'
import VueAMap from 'vue-amap'
import ElementUI from 'element-ui'
import App from './App.vue'
import router from './router'
import
转载
2020-07-17 09:28:00
1871阅读
2评论
在网上查了下Baidu、Google、QQ和MapBar等4种Map API（都是采用JS开放API），也查看了它们的SDK开发文档，谈谈自己的体会Map API文档BMap API（Baidu）与google.maps API（Google）文档相对最完备、详尽、简洁，并且给出了很多学习示例，非常适合初学者入门学习、应用开发QMap API（QQ）与MapBar API（MapBar）文档虽然也
目录 1.未得到答案和技术指导2.第一次实验失败3.完全废掉了解锁功能4.调整RX/TX位置5.成功解锁6.广阔室外的探索 山重水复疑无路，柳暗花明又一村——Mission Planner中级应用（APM或PIX飞控）3——APM飞控安装双GPS测试 APM双GPS。可能是APM比较老的缘故，无法检索到APM飞控安装双GPS的教程。有的是pix4的教程，但是接口不同，面对手里的
转载
2024-07-18 09:52:00
64阅读
前言笔者看了一些NDK的项目。一些教程不是HelloWord就是直接整FFmpeg或OpenCV,可谓一个天一个地，而且目录结构和Android3.5的默认结构并不是太一致,一直没找到什么合心的文章。故写此文连接这天地，来总结一下在NDK开发之前你应知道的东西。在此之前，先划分三类人,如果不认清自己是什么角色就去玩NDK,你会很糟心:user : 纯粹.so链接库使用者(伸手党)creator :
vue-amap所引用的地图组件为高德地图组件，相关事件及属性也大都可以在高德地图的原生文档中找到实例。 首先，在查文档的时候发现坐标点属性为marker，相关的各种属性都可以直接在marker这个对象里添加，再绑定事件的时候遇到了一个问题，就是文档上的点击事件（由events触发）都是在el-am ...
转载
2021-08-18 15:39:00
3527阅读
2评论
1.如何在项目中安装组件 首先在你的项目中打开控制台运行下面的代码 npm install vue-amap --save 然后在项目中的src文件夹里创建一个文件夹plugins，里面创建一个index.vue的文件，用来装vue-amap主键的方法 这个index.vue里面这样写: impor ...
转载
2021-11-04 09:14:00
1356阅读
2评论
安卓 基于百度LBS的定位一、百度SDK使用流程详解1.注册百度开发者账号2.创建自己的应用3.获取SHA1和包名获取SHA1获取包名4.应用创建完成5.Android Studio配置下载SDK本地依赖添加jar文件和so文件到本地项目在工程中添加jar文件二、在Android studio中显示地图1.配置AndroidManifest.xml文件2.在布局文件中添加地图容器3.地图初始化4
转载
2023-07-07 10:15:35
192阅读
# Android 高德获取定位指南
在现代移动应用中，位置服务是必不可少的一部分。高德地图作为国内知名的地图服务提供商，提供了强大的定位功能。本文将介绍如何在Android应用中集成高德定位服务，并通过实际代码示例进行演示。
## 开发环境准备
在开始开发之前，确保你已准备好以下环境：
- Android Studio
- Android SDK
- 高德开放平台账号（用于获取API Ke
Flutter页面-基础Widget目录Flutter页面-基础WidgetWidgetStateless WidgetStateful WidgetState生命周期基础widget文本显示TextRichTextDefaultTextStyle图片显示FlutterLogoIconImageIamge.assetImage.fileImage.ne
npm install vue-amap --save
转载
2019-04-09 17:45:00
308阅读
2评论
Amap location for React Nativerefhttps://github.com/xiaobuu/react-native-amap-locationcodeimport
原创
2022-12-15 14:57:41
226阅读
参考文章http://www.4k8k.xyz/article/qq_41497443/109628370自己额外增加的功能：点击窗口信息后，点击地图的其他地方可以让窗口消失。在最外面的地图div里加上@click="closeWindow($event)"theflag: false, closeWindow(e) { //我这里是判断点击的元素是不是地图坐标，如果是，那就取消隐藏窗口，如果不是那就隐藏窗口。 // e.target 是你当前点击的元素 //
原创
2022-04-18 14:46:34
1062阅读
一、背景为了统计app访客数量来源所属地区，主要是省市的数量及其比例。 二、需求分析通过haproxy的日志可以获取到每次请求的IP地址，通过查询IP地址的地区来统计。网路上有多种免费的IP地址转换的服务，考虑了准确性，易用性，查询速率以及每日查询量，最后决定使用百度的IP地址定位API。普通IP定位 API是一个根据IP返回对应大致位置信息的HTTP/HTTPS形式位置服务接口。调用A
转载
2024-03-15 09:17:06
104阅读
