- 综合排序
- 最热优先
- 最新优先
- 来自专栏用户7873631的专栏
高德地图应用（2）级别
2.地图的中心点; ? 3.在双击后获取级别&&中心点 ? 效果（双击）： ?
1.4K20发布于 2021-06-08 - 来自专栏葬爱家族
Android高德之旅（2）地图类型
废话 今天继续我们的Android高德之旅，上一篇已经可以显示最基本的地图了，有基本的缩放、旋转功能，还有最后做的小特效，今天这篇文章来记录一下高德地图的5种地图类型。 展示卫星拍摄图，图片质量和当地空气质量相关） 导航地图模式（突出显示交通线路，忽略一些不重要的信息） 夜间地图模式（暗色调，低对比度以保护视力） 离线地图模式（别打我，我是混进来充数的） 说明 其实按照高德地图官方的说法 3、夜间模式 我在调试时偶现过一次夜间模式没有加载出来，显示一片黑，不知道是不是高德的bug AMap aMap = mapView.getMap(); aMap.setMapType(AMap.MAP_TYPE_NIGHT 事实上，高德地图在加载地图时都是优先加载本地离线数据的，本地没有才从网络下载。 offlineManager.updateOfflineMapProvinceByName(provinceName); （7）删除离线地图 offlineManager.remove(cityName); 方便的api 此外，高德还提供了一些
2.4K10发布于 2018-09-05 - 来自专栏跟牛老师一起学WEBGIS
Openlayers 2.X加载高德地图
概述： 前面的有篇文章介绍了Openlayers 2.X下加载天地图，本节介绍Openlayers 2.X下加载高德地图。 实现效果： ? 高德地图 ? 高德影像 图中：蓝色的省市边界为我本机发布的，能够与高德地图很好地结合在一起。 javascript"> var map; function init(){ var vecLayer = new OpenLayers.Layer.XYZ("高德矢量 displayInLayerSwitcher: true }); var imgLayer = new OpenLayers.Layer.XYZ("高德栅格
2.7K10发布于 2018-10-23 - 来自专栏全栈程序员必看
高德定位SDK_高德地图api使用教程
LocationManagerProxy 变量 mAMapLocManager = LocationManagerProxy.getInstance(this); 2. Activity 所以当前Activiy需要继承AMapLocationListener， 1 private Handler handler = new Handler(); 2 = null) { 2 this.aMapLocation = location;// 判断超时机制 3 double geoLat = location.getLatitude(); 4 double
2.1K20编辑于 2022-09-19 - 来自专栏java后端
高德地图调用
今日主题:高德地图调用 环境 IDEA springboot maven3 实现过程 1、首先我们需要登录高德开发平台：https://lbs.amap.com/ ? 2、控制台->应用管理->创建新应用，这里会产生一个key,我们后面开发中会用到 ? 3、大家创建一个springboot工程,根据自己需要导入一些坐标，我的坐标如下： <? 7、浏览器定位 我们可以通过高德JS API提供了AMap.Geolocation插件来实现定位 <!
2.6K30发布于 2021-05-13 vue + 高德地图
官方文档：https://lbs.amap.com/api/javascript-api-v2/summaryAPI 文档 ：http://https://lbs.amap.com/api/javascript-api-v2 /documentation个别接口有每日调用限制，如不满足使用需要购买服务包 流量限制说明-地图 JS API 2.0 | 高德地图API*准备工作：（注册成为高德开发者进入应用管理，创建新应用，新应用中添加 key，服务平台选择 Web端(JS API)）具体示例：准备-地图 JS API 2.0 | 高德地图APIWeb端使用:安装高德地图加载器插件 ：npm i @amap/amap-jsapi-loader -S具体思路：VUE文件created中初始化调用1、初始化加载地图方法2、如需实时跟踪点位信息需要加上初始化动态刷新坐标的方法（可以采用前端页面轮询或后端Websocket主动发送的方式）（websocket ", function () { // console.log("鼠标移入,添加窗体"); // var content = [ // "
高德软件有限公司1.4K10编辑于 2024-09-23来自专栏全栈程序员必看高德地图js api教程_高德地图sdk使用教程
百度API浏览器定位 高德API浏览器定位 然后换用高德去测试，高德开放的API精确度和百度地图是一样的，小伙伴可以亲自去体验下，难怪百度如今沦落到这样。。。 所以就决定使用高德API来进行定位了； 主要思路：利用高德API获取当前位置经纬度、设置考勤点经纬度、计算两点距离判断是否在考勤范围内。 高德JS API提供的浏览器定位接口，融合了HTML5 Geolocation定位接口、精确IP定位服务，以及安卓定位sdk定位。所以在定位上大大提高了精准度以及成功率。 首先，注册开发者账号，成为高德开放平台开发者 2. 登陆之后，在进入「应用管理」 页面「创建新应用」 3. 如果您在使用过程中定位失败，可以参考FAQ：Geolocation的定位流程以及定位失败的原因 ，将失败信息通过工单发送给我们，高德的工程师将协助您解决问题。
6.5K20编辑于 2022-11-07来自专栏Java开发Kibana使用高德地图
说明 目前Kibana默认自带的地图全部是英文，更换高德地图对地图汉化 修改配置 编辑kibana配置文件kibana.yml，最后面添加 tilemap.url: 'http://webrd02.is.autonavi.com logstash服务器下载IP地址归类查询库 [root@localhost ~]# wget http://geolite.maxmind.com/download/geoip/database/GeoLite2- City.mmdb.gz [root@localhost ~]# gunzip GeoLite2-City.mmdb.gz 编辑logstash配置文件 input { stdin {} } => "message" target => "geoip" database => "/usr/local/logstash-5.1.1/config/GeoLite2-
3.2K20发布于 2018-09-06来自专栏葬爱家族Android高德之旅（6）
废话 我们看惯了高德地图，似乎已经习惯了它的ui，认为河流就是蓝色的，土地就是灰色的，交通路网就是黄色的。其实这个ui也是可以改的。今天就来使用下自定义地图ui。 我们可以看到高德默认为我们提供了几种ui模板，第一个就是我们看腻的标准ui。 （2）编辑属性 为了简单起见，我们选择涂鸦这个模板，然后修改里面的属性。 ? 比如在这个模板中，海洋和河流的颜色是黄色的，我觉得这个黄色太暗沉了，我想要个更鲜亮的颜色。
92320发布于 2018-09-05来自专栏用户7873631的专栏高德地图获取范围
v=1.4.11&key=c6e183994605d131f97132d2f296d713"></script> <style type="text/css"> *{margin: 0;padding 2.获取左下角 ? 3.获取范围 ? ?
2.6K10发布于 2021-06-08来自专栏林间风雨vue 高德天气接口，高德自定义天气图片
{ id: 1, name: '晴', url: require('@/assets/platform/weather/weather01.png') }, { id: 2, }) }) } }) }) } } } </script> ``` ```bash Web端使用高德 api获取天气 先获取城市，再通过城市获取天气 1.登录https://lbs.amap.com/，控制台->应用管理->我的应用->创建应用->添加key *切记选择web端(JS API) 2. x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5p6X6Ze06aOO6Zuo,size
1.7K30发布于 2021-11-03来自专栏用户7873631的专栏高德地图JS实现
v=1.4.15&key=c6e183994605d131f97132d2f296d713"> document.body.appendChild(jMap); } </script> </body
5.8K20发布于 2020-10-28来自专栏用户7873631的专栏高德地图应用(1)
代码： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> <script type="text/javascript" src="https:/
2.2K10发布于 2021-06-08来自专栏Java项目实战高德地图 HELLO，AMAP！
为啥想起来高德地图了呢，前几天群里也说过关于高德区域接口接入的问题，昨天又看到个段子。 ? 高德营业模式我不懂，但是高德肯定会收集用户信息，像这种免费入场，打死一大片竞对的例子太多了，360杀毒软件，前几天上市的WPS，在入场后掌握用户信息，用户行为，开发市场 ? ? 所以像360，高德，这种免费入市的产品，是不屑于收费的，当初免费入市就直接搞垮一大批竞对，怎么会收费么。 既然点进来了，就看看API体验下Demo然后做下简单预想。
2.5K21发布于 2019-12-03来自专栏编程思想之路高德地图去掉logo
高德地图logo问题 真心感觉拿人的手短，集成一个高德地图，logo还必须得带着，集成文档是这样说的： 没办法，只能把他给覆盖掉了，效果还行 <TextView android:layout_width ffffffff" android:layout_alignBottom="@+id/map" android:layout_alignLeft="@+id/map"/> 高德地图的 层其他的东西都可以选择显示或者不显示： 1，缩放控件：默认是显示的 //管理缩放控件 mAMap.getUiSettings().setZoomControlsEnabled(false); 2，
2.1K10编辑于 2022-05-07来自专栏javascript前端高德地图开发
前言很多项目中都会使用到地图，使用的地图基本都是百度、高德、腾讯这些，但是，使用步骤都是大差不差的；就以高德为例，说一下基本的使用流程；下面是使用高德地图的基本流程： 注册账号 申请 Key 和 安全密钥 ； 有了这两个东西，才能去使用高德地图的API；使用高德地图提供的jsloader去加载高德地图的js文件，让它加载到我们的页面中；加载好资源之后，再使用高德地图的API初始化地图；配置地图风格和缩放比例 ；绘制路线和当前所在位置；本篇文章使用的是Vue3 + TS为例写的；一、准备工作1.1 注册账号 成为 开发者 获取 Key 和 安全密钥去高德开放平台注册账号、实名认证等； 高德开放平台 ；实名认证完成之后 按照要求填写信息； ❗❗ Key名称最好是用英文；❗❗ 注意： 服务平台一项 请选择 Web 端 (JSAPI) ；点击提交之后，应用就创建成功了，我们所需要的 Key 和 安全密钥 也就有了； 二、接入高德地图 --save；2.2 初始化地图初始化 高德地图： 高德地图的初始化会操作 DOM ；所以，初始化地图的时机应当是在 组件渲染完毕之后 再进行初始化操作；Vue3： onMounted()；Vue2：
1.8K11编辑于 2024-09-24来自专栏世界第一语言是javavue2（webpack）调用amap高德地图及其UI组件vue2（webpack）调用amap高德地图及其UI组件和标记物#
vue2（webpack）调用amap高德地图及其UI组件和标记物# 今天一个app项目中要使用vue2加入高德地图，本来以为有第三方的插件，结果没找到适合自己用的，因为地图这块，一般都是自定义程度比较高的 因为后边要使用高德的infowindow，最简单的不好扩展，而且没有点击事件，所以用用到了高德的ui。 这里写图片描述 3、调用高德地图### 首先在index.html中加入如下引用 <script src="//webapi.amap.com/maps? 秒后停止定位，默认：无穷大 maximumAge: 0, // 定位结果缓存0毫秒，默认：0 convert: true, // 自动偏移坐标，偏移后的坐标为<em>高</em><em>德</em>坐标 新建LngLat对象 let lngLat = new AMap.LngLat(lanlet[0].trim(), lanlet[1].trim()) // 转<em>高</em><em>德</em>坐标系
2K30发布于 2018-06-13来自专栏全栈程序员必看高德地图api接口调用_高德地图步行导航怎么看方向
高德地图API官网：高德开放平台 | 高德地图API。由于博主是基于前端 Vue 框架进行开发的，所以针对地图 JavaScript API 结合 Vue 展开介绍。 注册高德开放平台账号 2. 创建应用添加 key 值 三、项目中使用地图组件 1. npm 获取高德地图 API 2. 页面中使用地图 API（案例） 3. 注册高德开放平台账号 正常输入个人信息注册即可。 2. 三、项目中使用地图组件 1. npm 获取高德地图 API 首先在 Vue 项目中通过命令 npm i @amap/amap-jsapi-loader –save 获取高德地图 API； 掌握方法后再设置花里胡哨也就不在话下了，更多属性与插件请参见 JS API 官网：概述-地图 JS API v2.0 | 高德地图API高德开放平台官网 https://lbs.amap.com/api
3.7K20编辑于 2022-10-04来自专栏码农笔录vue2（webpack）调用amap高德地图及其UI组件
vue2（webpack）调用amap高德地图及其UI组件和标记物 今天一个app项目中要使用vue2加入高德地图，本来以为有第三方的插件，结果没找到适合自己用的，因为地图这块，一般都是自定义程度比较高的 因为后边要使用高德的infowindow，最简单的不好扩展，而且没有点击事件，所以用用到了高德的ui。 3、调用高德地图 首先在index.html中加入如下引用 <script src="//webapi.amap.com/maps? 4、地图添加标记物和信息框 marker和infowindow 因为我从后台取到的点是gps定位的点，因为坐标系不同，所以要将gps的点转成<em>高</em><em>德</em>坐标系的点；点击marker显示infowindow,并给 新建LngLat对象 let lngLat = new AMap.LngLat(lanlet[0].trim(), lanlet[1].trim()) // 转<em>高</em><em>德</em>坐标系
2.8K10发布于 2018-06-29来自专栏全栈程序员必看高德地图——标记「建议收藏」
Color.RED); polylineOptions.geodesic(true); aMap.addPolyline(polylineOptions); } 任意多边形 2、 圆 3、圆(Circle)：除了通用的 Polygon 类，高德地图 Android SDK 还定义 了 Circle 类，简化创建圆的过程，通过aMap.addCircle(CircleOptions circleOptions.fillColor(Color.BLUE); aMap.addCircle(circleOptions); } 其结果如下： 弧形(Arc) 4、弧形(Arc)：高德地图
3.6K10编辑于 2022-08-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号