高德地图js 城市范围

2024-11-05

从高德采集最新的省市区三级坐标和行政区域边界，用js在浏览器中运行

本文描述的是对国家统计局于2019-01-31发布的<2018年统计用区划代码和城乡划分代码(截止2018年10月31日)>中省市区三级的坐标和行政区域边界的采集. 本文更新(移步查阅): 19-04-15 新采集了2018的省市区三级的坐标和行政区域边界数据csv格式 19-03-22 采集了2018的城市数据数据下载 GitHub:https://github.com/xiangyuecn/AreaCity-JsSpider-StatsGov/releases 边界效果预览数据来源坐

高德地图 js api 使用

使用高德地图js api 制作网页上的地图应用. 1.先申请一个开发者用的 key . 2. 在页面中引入高德提供的地图js <script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key"></script> 完成以上两步就可以在页面中加载高德地图了. 注意设置地图容器的大小: <!DOCTYPE HTML> <html> <head> <meta

ELK采集之nginx 之高德地图出城市IP分布图

1.采用拓扑: 角色扮演: Agent:采用logstash,IP:192.168.10.7 Redis队列: IP:192.168.10.100 Indexer:logstash,IP:192.168.10.205 Es+kibana:放在192.168.10.100(大的日志环境可以单独存放) 说明:下面是一台日志服务器下面nginx的日志格式 log_format backend '$http_x_forwarded_for [$time_local] ' '"$host" &

高德地图 JS API - 根据经纬度获取周边建筑地标

像我们经常用的微信或微博,发表动态时都有选择位置的功能,根据当前的定位获取附近的地标.利用高德地图我们就可以实现这样的功能. 1. 具体代码: // 高德地图查询周边 function aMapSearchNearBy(centerPoint, city) { AMap.service(["AMap.PlaceSearch"], function() { var placeSearch = new AMap.PlaceSearch({ pageSize: 10, // 每页10条 pa

高德地图 JS API - 根据地名实现标记定位

德地图 JS API 使用前的准备工作请参考官方网站说明: https://lbs.amap.com/api/javascript-api/guide/abc/prepare 根据地名实现地图标记定位,主要依赖高德地图的:地理编码与逆地理编码.下面来看具体的实现代码: 1. HTML (地图容器) <div class="map-container" id="container"></div> 2. JAVASCRIPT function m

高德地图JS API 开发小结

项目中有一块功能要用到高德地图,所以,想把编码小结一下. 首先是地图的初始化 var map = new AMap.Map("mapDiv", { zoom: 17,//设置地图的缩放比例 center: [112.57, 37.87],//地图中心 resizeEnable: true //是否监控地图容器尺寸变化

高德地图JS API获取经纬度，根据经纬度获取城市

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>输入提示后查询,点击获取坐标</title> <style type="text/css"> #mapContainer{ position: absolu

使用高德地图JS获取当前位置和经纬度

先看效果,我做的是这样的,可以按地图位置来返回当前你点的位置(图一,二),也可以根据输入框的自动搜索(图三,四) HTML的代码: <div> <input type="text" id="keyword" name="keyword" value="" onkeydown='keydown(event)'/> <div id="result1" name="resu

高德地图 JS API (jsp + miniui(子页面数据返回父页面并设值) + 单个点标记 + 点标记经纬度 + 回显 + 限制地图显示范围+搜索)

-*- 父页面js function mapFocus(){ //console.log("-*-"); var longitude = mini.get("jd").getValue(); // 经度 var latitude = mini.get("wd").getValue(); // 纬度 var url = "<%=basePath %>project/construction/Map.jsp"; //

在高德地图上用svg.js绘制简单图形

这段时间做的一个项目,需要在地图上绘制简单的图形.在学习高德地图JS API的过程中,发现高德地图提供的点.线等API并不能满足我的需求,还好它开放了自定义图层CustomLayer,官方说自定义图层支持canvas.svg.甚至dom,这里我用的是svg,多说无益,上代码. 一.高德地图以下的步骤在官方文档中都有,而且官方文档比较齐全. 首先需要去高德API官网申请自己的key,此步略过. 拿到key后在页面中引入地图所用的js js <script type="text/javasc

[WEB地图] 2017高德地图API WEB开发（key申请，地图搭建）简约教程

前端时间因为公司需要研究了一下百度的教程然后写个简约的笔记记录一下自己学习的收获,只为了满足自己暂时的写作热情高德地图WEB开发(key申请.api)简约教程 1.首先我们需要去“高德地图开发平台” 通过“百度搜索 ”或者“谷歌搜索 ” 高德地图然后会有一个高德开发平台|高德地图apl 2.登录高德开发平台这是高德开发平台的官网,然后点击登录,没有注册就好 3.进入控制台创建新应用进入控制台之后选择“应用管理”然后点击创建新应用,一定要记得这一步哟应用的名称和类型更具

vue-cli2.X中引入高德地图，将其设为全局对象

平时一般未用脚手架构建或用webpack构建的项目只要用script标签引入即可,在vue-cli 2.X构建的项目中,需要用如下方式引入高德地图: 首先在高德地图开放平台中注册开发者账号并获取key,传送门:https://lbs.amap.com/api/javascript-api/guide/abc/prepare 接下来在cli项目根目录下的index.html中的<header>标签中用script标签引入 <script type="text/javascript

Vue项目（vuecli3.0搭建）集成高德地图实现路线轨迹绘制

先看最后实现的效果图高德地图api文档 https://lbs.amap.com/api/javascript-api/summary 使用 1.在index.html里面引入高德地图js文件 2.引入之后我们就直接可以在vue组件里面使用了创建initMap方法,在mounted钩子函数中调用 mounted(){ this.initMap() }, initMap(){ let that = this this.map = new AMap.Map('track-map', { zoom

【高德地图API】从零开始学高德JS API（七）——定位方式大揭秘

原文:[高德地图API]从零开始学高德JS API(七)——定位方式大揭秘摘要:关于定位,分为GPS定位和网络定位2种.GPS定位,精度较高,可达到10米,但室内不可用,且超级费电.网络定位,分为wifi定位和基站定位,都是通过获取wifi或者基站信息,然后查询对应的wifi或者基站位置数据库,得到的定位地点.定位数据库可以不断完善不断补充,所以,越定位越准确.本文详细描述了,如果使用高德JS API来实现位置定位.城市定位的方法,包含了IP定位,浏览器定位,检索定位等多种网络定位方法.当然,

【高德地图API】从零开始学高德JS API（八）——地址解析与逆地址解析

原文:[高德地图API]从零开始学高德JS API(八)——地址解析与逆地址解析摘要:无论是百度LBS开放平台,还是高德LBS开放平台,其调用量最高的接口,必然是定位,其次就是地址解析了,又称为地理编码.地址解析,就是将地址转换为经纬度.而逆地址解析,就是将经纬度转换为地址.经纬度一般是由专业测绘机构用GPS采集,然后使用国测局接口加密,最后呈现在互联网地图上的.而地址,这里说的是结构化的带街道门牌号的地址,比如“北京市朝阳区阜通东大街6号”,这个地址是由公安局颁发的.而将地址和经纬度一一对应

【高德地图API】从零开始学高德JS API（五）路线规划——驾车|公交|步行

原文:[高德地图API]从零开始学高德JS API(五)路线规划——驾车|公交|步行先来看两个问题:路线规划与导航有什么区别?步行导航与驾车导航有什么区别? 回答: 1.路线规划,指的是为用户提供3条路线推荐.[高德]在提供路线规划的时候,会提供用户自定义路线规划功能,这是别家没有做到的.导航,指的是为驾车用户提示路口信息,向左向右,进入匝道等信息. 2.我们这里说的步行导航和驾车导航,严格的说,应该是路线规划.从A地到B地,如果是驾车,路线规划会将公路路网做为搜索数据:如果是步行,过街天桥.

【高德地图API】从零开始学高德JS API（四）搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

【高德地图API】从零开始学高德JS API（一）地图展现——仙剑地图，麻点图，街景，室内图

原文:[高德地图API]从零开始学高德JS API(一)地图展现——仙剑地图,麻点图,街景,室内图摘要:关于地图的显示,我想大家最关心的就是麻点图,自定义底图的解决方案了吧.在过去,marker大于500之后,浏览器开始逐渐卡死,大家都开始寻找解决方案,比如聚合marker啊,比如麻点图啊.聚合marker里面还有一些复杂的算法,而麻点图,最让大家头疼的,就是如何生成麻点图,如何切图,如何把图片贴到地图上,还有如何定位图片的位置吧.以前那么复杂的一系列操作,居然让云图的可视化操作一下子解决了.

java调用高德地图api实现通过ip定位访问者的城市

所需东西:高德地图的key 注意:这个key是 web服务的key 和js的key不是一个key(若没有则自行创建,创建教程在文末) 高德地图的api文档:https://lbs.amap.com/api/webservice/guide/api/ipconfig/ 新建工具类如下:(调用时传IP地址即可获取对应城市编码或其他信息) package com.test.utils.gaode; import com.alibaba.fastjson.JSONException; import c

高德地图 API 计算两个城市之间的距离

1. 目前在项目中,遇到一个需求不会做,就是要计算两个城市之间的距离,而这两个城市的输入是可变的,如果要使用数据库来先存储两地之间的距离,调用的时候再来调用,那么存数据的时候,要哭的,因为光是省级区域,目前就是34个省级行政区,两个城市之间的距离,就是取任意两地之间的距离,那么按照排列组合的分析,就要有 34*33 = 1122 种排列组合方式,每个省有若干个城市,那这工作量就大了,所以需要寻找一种更为方便的方法来求两个城市之间的距离2. 先看下需求:两个城市之间的距离,在数学中,两点之间的距离

【高德地图API】从零开始学高德JS API（六）——坐标转换

原文:[高德地图API]从零开始学高德JS API(六)——坐标转换摘要:如何从GPS转到谷歌?如何从百度转到高德?这些都是小case.我们还提供,如何将基站cell_id转换为GPS坐标? ----------------------------------------------------------------------------------------- 第一部分各种坐标系详解 1.大地坐标系统 WGS-84 用来表述地球上点的位置的一种地区坐标系统.它采用一个十分近似于地球自

高德地图js 城市范围

热门专题