经常有开发者提问，“是否可以只显示某个国家、某个省区、甚至某个小区的地图信息？”。以前我们只能遗憾地告诉你“不行”，或者使用一个带洞的无限大多边形作为遮罩来实现相似效果。可是今天，我们开发了更加便捷的方式；于是，你可以做到了！在专业GIS领域，这种功能被叫做掩模(Mask)，即设定一个区域范围，使得地图的某个或多个图层只在指定范围内显示。此前，业内所有的WEB 端的开放 JS API 产品都没有提
先扔一些高德原有UI的更改占坑.//更改系统原有定位图标
MyLocationStyle myLocationStyle = new MyLocationStyle();
myLocationStyle.myLocationIcon(BitmapDescriptorFactory
.fromResource(R.drawable.gps_point));// 设置小蓝点的图
转载
2023-08-29 19:19:03
209阅读
本文同时适用于高德地图和百度地图。本人总结下来有三种实现方案，但每种方案都有利弊：方案一：使用CardView包裹MapView，通过设置CardView的圆角属性来实现地图圆角效果。弊端：存在兼容性问题。方案二：原理同第一种方案，自定义圆角Layout包裹MapView。同样也存在兼容性问题。方案三：添加一个圆角遮罩(中间透明)盖到MapView上面，从而实现圆角效果。好处是不存在兼容性问题，弊
转载
2023-08-01 23:29:59
232阅读
1.概述 本篇博客会直接继承直接继承ImageView，使用BitmapShader实现圆角的绘制，假如大家耐心看完，我估计什么形状都能绘制出来。
2.效果图如下： 这是圆形的显示图，这里需要注意下，因为设置的图片可能是长方形，例如上图：有两个长方形，一个宽比较大，一个高比较大；那么我们希望显示成圆形，我们可能就要对其进行放大或者缩小（因为图片的宽可能不满足设置的边长，而高超出，此时我
转载
2023-08-01 23:34:45
136阅读
最近项目要做一个范围投放，这里用到了高德地图；首先申请key,就不说了，基本都会申请，这里注意一个点，就是填写sha1值的时候一定注意，因为本人把两个sha1值全写成测试版的了，结果打包出来运行就是白屏，测试版的就写测试版的sha1值，发布版的就写发布版的sha1值，别写成一样的了。获取测试版的sha1值 点击studio右上角的Gradle,里面有一个signingReport,双击，下面的就
产品介绍特别说明：受产品策略调整影响，自2020年11月起，建议您不再使用此批量接口。后续平台会逐步废弃并下线此服务。批量接口通过用户传入合并后的请求，同时返回多个请求的顺序集合，目前最多支持20个子请求。 返回的顺序与子请求的顺序一致。使用API前您需先申请Key，若无高德地图API账号需要先申请账号。适用场景希望批量得到接口返回数据的用户。使用说明在此必须特别说明，使用批量接口时，key的配额
最近出了一个新需求，需要把电工的轨迹展示在公司的系统平台上，并且需要里边有动画，还有节点的信息等。 经过查询阅读高德地图的API文档，找到了高德地图的Polyline类，这个Polyline类是高德地图中用来在地图上根据给的坐标集合画成折线展示的。opt:PolylineOptions) 构造折线对象，通过PolylineOptions指定折线样式 绘制轨迹 var p
转载
2023-08-29 11:12:14
115阅读
必备条件：
一、浏览器支持定位
浏览器定位插件，封装了标准HTML5定位，并且包含纠偏模块。
由于核心是HTML5定位，所以浏览器定位插件仅适用于支持HTML5的浏览器上，比如，Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 等。同时，需要浏览器允许该服务进行定位。如下图：
另外，浏览器
转载
2023-08-01 23:38:04
0阅读
在vue中使用高德地图的上浮下钻—最简单明了的方法(无需后台接口渲染文字marker)第一步：安装vue-amap：npm i vue-amap -S第二步:配置main.jsimport VueAMap from 'vue-amap'
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
key: '你的key',
plugin: ['AMap.Au
首先 依旧是安装vue高德地图插件npm 安装 推荐 npm 安装。npm install vue-amap --save
import VueAMap from 'vue-amap';
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
key: 'your amap key',
plugin: ['AMap.Autocomplete', 'A
一、组成使用高德地图 JS API 创建的地图通常由这几部分组成：地图容器（Container） 即在准备阶段所创建的指定了id的div对象，这个div将作为承载所有图层、点标记、矢量图形、控件的容器。图层（Layers） 图层是指能够在视觉上覆盖一定地图范围，用来描述全部或者部分现实世界区域内的地图要素的抽象概念，一幅地图通常由一个或者多个图层组成。如上图中处于整个地图容器最下方的二维矢
这是一个标题 AndroidManifest 声明权限//地图SDK（包含其搜索功能）需要的基础权限 <!--允许程序打开网络套接字-->
<uses-permission android:name="andr
# Android 高德地图显示位置
Android开发中，显示地图是一个常见的需求。由于Google地图在中国大陆的使用受限，因此开发者常常使用高德地图来替代。本文将介绍如何在Android应用中集成高德地图，并显示特定位置。
## 集成高德地图SDK
首先，我们需要在Android项目中集成高德地图SDK。高德地图提供了详细的集成文档，我们可以在项目的gradle文件中添加以下依赖：
实现地图的运动路径显示我使用的是marker，高德地图中每两秒会自动定位一次，然后记录上一次的经纬度根据当前经纬度来进行路径距离的判断，如果距离大于五米就显示一个marker，然后将记录的定位信息更新。java代码如下package com.example.lastgps;
import android.graphics.BitmapFactory;
import android.support
转载
2023-09-15 15:45:27
172阅读
除了basic map外，高德地图api还提供了定位服务，兴趣点搜索服务，路线查找服务，离线地图服务。现在我们看一下api中如何使用AMaplocation定位服务：其实在android api中已经提供了android.location package,但是AMap的api提供了一个MapLocationApi.jar包，其中的定位服务基本一样，其中有几个重要的类:AMapLocation,AM
转载
2023-08-01 23:36:17
204阅读
项目背景是用vue开发的小程序，需要获取当前用户的地理位置，折腾了好久终于弄好了，今天分享给大家，话不多说，let's go!第一步：在index.html页面引入高德地图<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己申请的key"></script>注
高德地图开启卫星地图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
343阅读
使用AMap.Autocomplete() 自动补全插件，实现搜索功能<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>map</title>
<script type="text/javascript" s
利用vue+高德地图API 实现用户的运动轨迹高德地图网址：https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare任务一：实现地图显示先完成准备工作，这一步是后面工作的基础。注册，拿到key安装 ：npm i @amap/amap-jsapi-loader --save在 public/index.html 中加入：<script src="h
针对近日四川省著名旅游景区——青城山景区指出的导航错误一事，10月5日下午，高德地图在官微复盘了此次问题出现的原因，并称会时刻接受社会监督，不断优化服务。全文如下：
关于青城山景区导航问题的情况说明 目前，青城山景区的高德导航到达点已经从售票处优化到停车场，大家可以放心使用高德地图导航前往青城山。到达景区停车场后，游客可以选择步行或者乘坐景区游览车前往售票处。 同时，我们复盘了此次问题
