vue-amap是一套基于Vue 2/vue3和高德地图的地图组件。
前言：之前没有接触过页面调用地图的项目，某次面试，老板要求我用vue-amap调用高德地图，回家以后，我去网上查了一些案例和教程，看似很简单的引入调用，我却整整弄了一宿，还没弄出来！！！百般无奈之下，我选择第二天重头来过，一定要找到什么原因...结果！血的教训告诉我，记录教程的时候，一定要有实践基础，切不可敷衍了事，不然别人看你的文章只是在浪费时间。——————————vue调用高德地图拢共分三步
转载
2019-12-20 17:22:00
417阅读
昨天把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-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阅读
vue-amap组件官方的文档里面示例代码消失了,
原创
2022-05-31 15:31:40
339阅读
随着我国城市道路的不断建设，当前在北上广深等一些国内大型城市，道路情况越来越复杂，每座城市都遍布着立交桥、多岔路等复杂路况，道路实际上已经从平面转变成为了三维立体结构。但对于已经成为出行刚需的手机地图而言，现在市面上的手机地图大多数还处于二维平面导航的阶段，在简单道路上的指引自然还好，而在复杂的道路区域，就暴露了平面导航指引的弊端。在经过立交桥等复杂路段时，司机需要一边忙着开车，一边辨认屏幕上的指
转载
2024-01-25 11:31:16
40阅读
一、在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：在index.html中引入：
<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode: '自己去高德地图申请',
}
</script>
<script src="https:
原创
2023-12-13 16:19:43
215阅读
出现这种错误 我们只需要把插件都引入 在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评论
在应用开发中，地图开发是经常需要使用的“组件”，国内比较出名的是就是百度地图和高德地图。此博客讲的是高德地图实现定位和3D地图显示，并标注相应位置，话不多说，先看看效果，在上代码。 效果如图： 首先注册高德成为开发者（打开高德地图，点击底部的开发者平台），创建应用，按照要求填写相应信息，如下
转载
2023-11-02 07:40:28
376阅读
作为一款功能强大的地图应用，高德地图在Android上的3D视图技术为用户提供了更加生动的地理信息展示。在开发过程中，集成高德3D地图时常会遇到一些问题，本文将详细阐述如何解决“Android 高德3D 地图”相关的集成和配置问题。
## 环境准备
在整合高德3D地图之前，我们需要确保环境的完备性。确保所用的Android版本与高德SDK兼容，并准备好必要的工具。
### 技术栈兼容性
|
又要说好久没更新博文啦，咳咳…. 其实博文中对于游戏开发，从j2me-android-ios ，从Client端-Server端 ，从jbox-cocos2d-cocos2dx 基本都囊括了，当然还有一些iap 防破解、GCC、架构等等，以及现在编辑器开发的博文，基本上貌似游戏开发不缺少什么了 = =..。当然后期应该会陆续上一些Unity3D博文吧。 到此，可以说Himi一直以来一
高德地图开启卫星地图import AMap from 'AMap' // 引入高德地图
var map;//定义map = new AMap.Map('container', {
resizeEnable: true,
rotateEnable:true,
pitchEnable:true,
zoom: 13,
pitch: 65,
rotation
转载
2023-06-22 23:35:31
478阅读
# Android 实现高德 3D 地图的步骤
在本篇文章中，我将向你详细介绍如何在 Android 应用中集成高德 3D 地图。通过这些步骤，你将学会如何使用高德 API 实现地图功能。我们将首先概述整个流程，接着逐步讲解每个步骤的代码实现。
## 流程概述
| 步骤 | 描述 |
|------|------|
| 1 | 注册高德开发者账号 |
| 2 | 创建应用并获取
原创
2024-10-09 05:49:16
321阅读
一、高德地图开发文档来集成（写的比较清楚了 这里我就简单的说下步骤）http://lbs.amap.com/api/android-sdk/guide/create-project/android-studio-create-project二、1.首先在Android studio里面新建立一个应用 2.然后获取SHA1
转载
2024-01-31 01:16:58
32阅读
如果开发者账号包括Key已经有了，请忽略此步骤首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入「应用管理」 页面「创建新应用」为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」记住这个Key，引入地图API时使用。本文使用的是v.2.0 如果是低版本 有些方法可能需要调整高德地图v.2.0 示例 https://lbs.amap.com
前言日前在公司负责的主要业务是gis开发相关，现在使用的是百度地图，百度地图相比高德地图总有些缓慢、卡顿、因此才想到了这个方案。实现一个自己的库，可以快速切换百度地图与高德地图。思路有了上面这个需求，我们就在考虑这个需求涉及到的功能点，然后如何去实现它。一：配置项，一键配置可以选择加载。比如maptype=1：加载百度地图，maptype=2：加载高德地图
二：百度如何平滑切换到高德
转载
2024-07-12 15:40:51
96阅读
3DTouch分为三个内容：1. 在点击app icon 的手长按并且用力一点，就会出现 几个Item。2.（1）在app 里面长按也要用力往下压，就会可以弹出一个自定义的 ViewController。这个时候如果你放手了那么就会消失。3. 如果长按往下压弹出了自定义的ViewController，然后更加用力一点按压， 那么就会相当于push 进来了。一、主屏静态和动态快速选项 &
1.如何在项目中安装组件 首先在你的项目中打开控制台运行下面的代码 npm install vue-amap --save 然后在项目中的src文件夹里创建一个文件夹plugins，里面创建一个index.vue的文件，用来装vue-amap主键的方法 这个index.vue里面这样写: impor ...
转载
2021-11-04 09:14:00
1356阅读
2评论
# 如何在 Android 中使用高德 3D 地图
在现代移动应用开发中，地图服务成为了很多应用不可或缺的组件。高德地图提供强大的 API 支持，包括 3D 地图的展示。在这篇文章中，我将引导你如何在 Android 应用中实现高德 3D 地图功能。以下是实现该功能的主要步骤：
## 实现步骤流程
| 步骤编号 | 步骤描述 |
|----------
