昨天把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阅读
项目简介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
1695阅读
最终效果图：首先需要引入：1：在index.html中引入：
<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode: '自己去高德地图申请',
}
</script>
<script src="https:
原创
2023-12-13 16:19:43
215阅读
vue-amap组件官方的文档里面示例代码消失了,
原创
2022-05-31 15:31:40
339阅读
一、在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评论
1.如何在项目中安装组件 首先在你的项目中打开控制台运行下面的代码 npm install vue-amap --save 然后在项目中的src文件夹里创建一个文件夹plugins，里面创建一个index.vue的文件，用来装vue-amap主键的方法 这个index.vue里面这样写: impor ...
转载
2021-11-04 09:14:00
1356阅读
2评论
npm install vue-amap --save
转载
2019-04-09 17:45:00
308阅读
2评论
出现这种错误 我们只需要把插件都引入 在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评论
amap/amap-jsapi-loader -- 高德地图
参考文章http://www.4k8k.xyz/article/qq_41497443/109628370自己额外增加的功能：点击窗口信息后，点击地图的其他地方可以让窗口消失。在最外面的地图div里加上@click="closeWindow($event)"theflag: false, closeWindow(e) { //我这里是判断点击的元素是不是地图坐标，如果是，那就取消隐藏窗口，如果不是那就隐藏窗口。 // e.target 是你当前点击的元素 //
原创
2022-04-18 14:46:34
1059阅读
vue-amap所引用的地图组件为高德地图组件，相关事件及属性也大都可以在高德地图的原生文档中找到实例。 首先，在查文档的时候发现坐标点属性为marker，相关的各种属性都可以直接在marker这个对象里添加，再绑定事件的时候遇到了一个问题，就是文档上的点击事件（由events触发）都是在el-am ...
转载
2021-08-18 15:39:00
3522阅读
2评论
Google为android的开发者提供了一套相当完善的地图应用接口，开发者可以很方便的使用这些接口来做一些LBS应用程序。 我所使用的开发环境是eclipse,另外再用ADT工具安装Google Maps library组件（这个库是Google APIs add-on的一部分，要确保开发环境里已经安装了这个库）。 具体调用 google map 的流程为：网上申请Maps
Google为android的开发者提供了一套相当完善的地图应用接口，开发者可以很方便的使用这些接口来做一些LBS应用程序。 我所使用的开发环境是eclipse,另外再用ADT工具安装Google Maps library组件（这个库是Google APIs add-on的一部分，要确保开发环境里已经安装了这个库）。 具体调用 google map 的流程为：网上申请Maps
# Android 2D AMap 地图显示
在Android应用程序中，地图显示是一个很常见的功能，而高德地图（AMap）是国内领先的地图服务提供商之一。通过在Android应用程序中集成AMap，可以实现地理位置、导航等功能。本文将介绍如何在Android应用程序中显示2D AMap地图，并提供相应的代码示例。
## 流程图示例
```mermaid
flowchart TD
S
原创
2024-04-24 07:30:11
136阅读
?专栏介绍【Java】 目前主要更新Java，一起学习一起进步。?本期介绍本期主要介绍Map集合文章目录第一章 Map集合1.1 概述1.2 Map常用子类1.3 Map接口中的常用方法1.4 Map集合遍历键找值方式1.5 Entry键值对对象1.6 Map集合遍历键值对方式1.7 HashMap存储自定义类型键值1.8 LinkedHashMap1.9 Map集合练习第二章 补充知识点2.1
转载
2024-08-18 20:14:05
35阅读
导航到目的地是使用 NavController 完成的，它是一个在 NavHost 中管理应用导航的对象。每个 NavHost 均有自己的相应 NavController。示例项目代码： 基于 Navigation + Hilt + ViewBinding + ViewModel + LiveDataMVVM-Project-N
在index.html中引入高德地图后，报错 ‘AMapUI‘ is not defined , ‘AMap‘ is not defined‘先是试了把高德地图的引用放到body里发现没有用，后查明在在.eslintrc.js中配置如下"globals": {
"AMap": "true",
"AMapUI":"true",
}, 如果没有.eslintrc.js文件则先安装一下e
原创
2021-05-20 15:12:42
10000+阅读
在Vue中使用AMap（高德地图时的一些步骤操作。
原创
2023-05-30 22:26:23
2886阅读
