高德地图-根据IP定位显示当前所在城市

1.绘制地图

构造参数中的container为添加的地图容器的id：

let map = new AMap.Map('container', {}）

2.IP定位

高德地图定位文档

自建图层-参考手册-地图 JS API | 高德地图API

①创建AMap.Map对象时如果没有传入center参数，您会发现地图将自动定位到您所在城市并显示，这就是JS API的初始加载定位：无需传入对应参数就能获取大致的定位信息

② 浏览器定位 AMap.Geolocation 利用插件

③ IP获取当前城市

AMap.CitySearch 插件可以获取所在城市

3.显示对应位置

that.map.setBounds(citybounds) // 显示所在城市

setBounds(bounds:Bounds)

设置ImageLayer显示的范围

        // 绘制地图let map = new AMap.Map('container', {zoom: 10, //级别// center: [116.329519, 39.972134], //中心点坐标// viewMode: '3D', //使用3D视图showIndoorMap: false,viewMode: '3D',resizeEnable: true // 调整任意窗口的大小，自适应窗口})that.map = map// IP定位function showCityInfo () {//实例化城市查询类var citysearch = new AMap.CitySearch()//自动获取用户IP，返回当前城市citysearch.getLocalCity(function (status, result) {if (status === 'complete' && result.info === 'OK') {if (result && result.city && result.bounds) {var cityinfo = result.cityvar citybounds = result.bounds// document.getElementById('info').innerHTML = '您当前所在城市：'+cityinfo;//地图显示当前城市that.map.setBounds(citybounds)}} else {// document.getElementById('info').innerHTML = result.info;}})}showCityInfo()}

高德地图-根据IP定位显示当前所在城市相关推荐

java使用高德地图根据IP地址获取城市
话不多说!直奔主题既然是根据IP,首先肯定是先要获取IP地址的,以下代码是获取IP地址,部署到服务器上去后会获取到公网的IP不是服务器的本机IP:是通过HttpServletRequest获取注: ...
vue 定位所在地_vue使用高德地图，精确定位ip定位，获取城市、地区位置
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 1.高德地图准备点进入网址:https://lbs.am ...
Vue 使用高德地图，精确定位ip定位，获取城市、地区位置
1.高德地图开放平台-注册账号并申请Key 1) 首先,注册开发者账号,成为高德开放平台开发者 2)登陆之后,在进入「应用管理」页面「创建新应用」 3)为应用添加 Key,「服务平台」一项请选择「 ...
vue使用高德地图，精确定位ip定位，获取城市、地区位置
1.高德地图准备点进入网址:https://lbs.amap.com/api/javascript-api/guide/abc/prepare (1)注册开发者账号 (2)进入控制台 (3)申请高德 ...
vue中PC端使用高德地图 -- 实现搜索定位、地址标记、弹窗显示定位详情
PC端高德地图使用步骤: 1.注册并登录高德开放平台获取 2.安装高德依赖(amap-jsapi-loader) 3.初始化地图 4.首次打开地图获取当前定位并标记 5.根据已有地址自动定位到指定地址 ...
百度地图SDK无法定位到当前所在位置；一直显示天安门
按照百度官方SDK接入百度地图SDK后,进行地图定位的时候,缩小界面,显示出了定位图标,但是打开地图界面,一直显示天安门的位置. /*** 初始化定位内容*/private void initLoca ...
android 高德地图定位蓝点消失,高德地图蓝点定位不显示蓝点
高德地图所使用的权限写完后发现蓝点没出来,看遍文档也没发现原因,发现要显示定位蓝点,需要 ACCESS_FINE_LOCATION 权限另外,还需要判断gps有没有打开,没有的话需要引导用户打开g ...
IOS之高德地图（一）显示出地图并定位成功
任务:显示地图在界面上并成功定位一:我们导入高德地图的API 在Podfile platform :ios, '7.0' target '你的项目名称' do pod 'AMap3DMap' pod ...
js应用高德地图API精确定位到门牌号标注并输出当前地址和经纬度
主要就是两个方法,逆地址解析和地址解析过程,以及Chrome只支持https的定位. <head><meta charset="utf-8"><met ...
高德地图手机端定位偏移问题
手机端定位偏移问题 1.坐标系 WGS-84原始坐标系:也就是GPS定位拿到的经纬度,谷歌和高德在国外可以正常使用GPS定位,国内不允许各个平台使用GPS坐标. GCJ-02坐标系,又名火星坐标系,由 ...

高德地图-根据IP定位显示当前所在城市

高德地图-根据IP定位显示当前所在城市相关推荐

最新文章

热门文章