整理一下学习高德地图的一些值得记录的地方在一个未上线的项目里面所用到的前端的一些东西这里是在vue里面写的1.首先在index.html里面引入一下高德以及需要用到的一些东西，在plugin后面接就行。<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=3cad56f0514dcb
转载
2024-08-05 11:23:45
86阅读
前言最近做了一个关于公交站点显示的应用，相信很多朋友都遇到过这种从服务器上获取多个定位点加载到地图上显示的需求，今天我就来分享一下我实现这个需求的方式（针对于那些对高德api不熟悉的伙伴，大佬可忽略）简介高德开发平台为开发者提供了一整套关于地图操作的SDK和文档。在使用之前需要去申请账号、创建应用并查看集成方式。具体操作请移步至官网 在查看文档之后设置好自己的key，然后按照文档要求集成。下面开
转载
2024-01-03 10:19:43
43阅读
"), center: [116.368904, 39.913423], resizeEnable: true, zoom:...
原创
2023-02-22 10:50:29
111阅读
起因：由于在最近接手了一个关于导航的App，发现地图页面跳来跳去实在是卡顿地不行（运行在车载设备上的APP，机器性能实在是有限）。初步判断：应该是是关于地图等控件的反复创建和销毁，给内存GC带来了很大的压力。简单调查：通过 命令 adb shell dumpsys meminfo com.xxxx.xxx (后面那个是包名，当然你可以使用MAT等工具来看) 带有地图控件的页面
转载
2023-11-10 20:59:57
270阅读
一、什么是地图懒加载标记点地图懒加载标记点是一种技术，用于在保证网页加载速度的前提下，实现地图标记点的渲染和呈现。通常地图标记点会在元素加载完毕后立刻渲染出来，如果标记点过多或者标记点所在的地图数据包过大，则会导致网页加载速度缓慢。而通过地图懒加载标记点技术，可以让标记点在用户需要查看地图时再被渲染，以减少页面加载时间和提高页面性能。该技术通过前端JavaScript控制地图事件和数据，使得只有当
转载
2023-11-13 10:07:32
340阅读
起因：由于在最近接手了一个关于导航的App，发现地图页面跳来跳去实在是卡顿地不行(运行在车载设备上的APP，机器性能实在是有限)。初步判断：应该是是关于地图等控件的反复创建和销毁，给内存GC带来了很大的压力。简单调查：通过 命令 adb shell dumpsys meminfo com.xxxx.xxx (后面那个是包名，当然你可以使用MAT等工具来看)带有地图控件的页面之间跳来跳去，大量对象没
转载
2023-10-09 20:11:15
2739阅读
let map = L.map("map", {
zoom: 12,
maxZoom: 18,
center: [34.269701076858354, 108.94729614257814],
});
// 高德卫星底图
L.tileLayer(
'https://webst0{s}.is.autonavi.com/appmaptile?styl
1、高德地图开发 文档 ：https://lbs.amap.com/api/javascript-api/summary 在线编辑 预览 ：https://lbs.amap.com/api/javascript-api/example/map-lifecycle/map-show （个人）可以把地图的
本来是想用vue-amap ，最后发现没有那样的可以参考的。于是转战高德原生地图。效果图在最后面。（一打开弹框，就能看到车子动态运行的轨迹，一个子就开始跑起来了）（本例子经过线上环境的检验，可直接复用）一、引入高德地图1.在index.html中引入高德地图<!--引入高德地图原生jar包-->
<script type="text/javascript" src="http
转载
2024-03-22 08:55:28
219阅读
一、如何在Vue中引入基础高德地图根据官网提示，在Web端，我们需要高德地图加载器：npm i @amap/amap-jsapi-loader -S1. 步骤一：注册并登录高德地图开放平台，申请密钥高德地图开放平台实际截图2、步骤二：安装高德地图加载器npm i @amap/amap-jsapi-loader -S3、封装一个自定义地图组件，并初始化地图<template>
转载
2024-02-26 11:25:33
209阅读
这几天公司有一个要结合
高德地图的智慧园区的项目（大致就是在3d
地图中
加载自己的three.
js模型）1.首先要引入
高德地图 官方文档给出来的引用方法<template>
<div id="container"></div>
</template>
<script>
import AMapLoader from "@amap
转载
2023-08-25 10:50:37
258阅读
// 创建地图
initMap() {
let container = this.$refs.map
this.map = new AMap.Map(container, {
zoom:18,//级别
center: [120.257173,30.205769],//中心点坐标
viewMode:'3D',
转载
2023-06-16 22:55:46
385阅读
# 高德地图加载 Python
## 概述
高德地图是中国领先的数字地图内容、导航和位置服务解决方案提供商。它提供了丰富的地图数据、导航功能和位置服务，为开发者提供了便捷的接口和工具来集成地图和位置信息到自己的应用程序中。
Python是一种简单易用、功能强大的编程语言，具有广泛的应用领域。借助Python的丰富的第三方库和工具，我们可以轻松地实现与高德地图的集成。
本文将介绍如何使用Py
原创
2024-01-22 07:05:12
265阅读
# Android 高德地图加载使用指南
在移动应用开发中，地图功能是非常常见的需求之一。高德地图因其丰富的API及优质的地图数据而被广泛使用。本文将介绍如何在Android中加载高德地图，并提供相关代码示例，帮助开发者快速集成地图功能。
## 一、环境搭建
在开始之前，确保你已经创建了Android项目并配置了必要的权限和依赖。
### 1. 添加高德地图依赖
在你的 `build.g
前一段时间接了个需求，进入一个地图界面，可以获取当前位置信息，通过输入位置信息获取位置，绘制圆圈并可以实时改变圆圈半径等功能，地图SDK我们使用的是高德地图，仔细阅读了开发文档，发现这些需求都可以通过SDK自带的方法来实现，在此做一下整理。下面说下实现流程1.打开AndroidStudio新建一个测试项目，新建一个签名文件testkeystore.keystore。步骤如下:点击Build—>
转载
2023-07-06 14:22:10
434阅读
一，账号与Key的申请注册成为高德开发者需要分三步： 第一步，注册高德开发者；第二步，去控制台创建应用；第三步，获取Key。 前2步都比较简单，这里说下第三步。获取Key1、进入控制台，创建一个新应用。如果您之前已经创建过应用，可直接跳过这个步骤。 2、 在创建的应用上点击”添加新Key”按钮，在弹出的对话框中，依次：输入应用名名称，选择绑定的服务为“Android平台SDK”，输入发布
转载
2024-01-16 13:47:41
315阅读
1、概述 这篇内容是《vue集成cesium入门教程》的第二篇，这里将记录通过Cesium加载高德、天地图、Mapbox等地图。将分别介绍三种地图的接入方法，其中可能会涉及到的用户注册获取token等内容。2、高德地图2.1、常用高德地图地址矢量地图带注记：https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&a
转载
2023-12-25 19:00:42
109阅读
在Vue中使用高德地图一、如何在Vue中引入基础高德地图1、步骤一：注册并登录高德地图开放平台，申请密钥2、步骤二：安装高德地图加载器3、封装一个自定义地图组件，并初始化地图二、根据关键词搜索，并定位到搜索的位置三、添加放大缩小地图、转盘四、点击地图获取经纬度五、地图上绘制标记点、圆形、曲线、矩形和多边形等,及其绘制清除六、总结 一、如何在Vue中引入基础高德地图根据官网提示，在Web端，我们需
转载
2024-08-31 21:12:22
141阅读
一. vue-amap，一个基于 Vue 2.x 和高德地图的地图组件 ht tp s://ele ef e.git h ub .io/v ue-a ma p/#/这个就不细说了，按照其文档，就能够安装下来。二. 按照官方提供的方法引入1.修改webpac.base.conf.js
转载
2017-05-04 09:56:04
1236阅读
文章参考：高德地图：概述-地图 JS API v2.0 | 高德地图API (amap.com)一.引入高德地图注册高德地图并申请key。public文件夹下index.html中//public文件夹下index.html中
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key="您申
原创
2023-10-08 17:01:16
539阅读
