java 地图报表_Echarts实现定位-高德-天地图
核心提示:AMap.plugin(['AMap.Geolocation', 'AMap.DistrictSearch'], function() { new AMap.Geolocation().getCurr...
AMap.plugin(["AMap.Geolocation", 'AMap.DistrictSearch'], function() {
new AMap.Geolocation().getCurrentPosition(function(status, r) {
var marker = new AMap.Marker({
position: new AMap.LngLat(r.position.lng, r.position.lat),
title: r.formattedAddress,
/*label:{
content:r.addressComponent.township
}*/
});
var district = new AMap.DistrictSearch({
subdistrict: 0, //返回下一级行政区
level: 'province',
extensions: 'all', //返回行政区边界坐标组等具体信息
}).search(r.addressComponent.province, function(status, result) {
result = result.districtList[0];
var bounds = result.boundaries;
var map = new AMap.Map('chart-panel', {
mapStyle: "amap://styles/3217e099bb7b1bb4a8e063ce169bbb5b",
mask: bounds.map(function(item) {
return [item]
}),
center: result.center,
pitch: 52,
viewMode: '3D', //开启3D视图,默认为关闭
buildingAnimation: true, //楼块出现是否带动画
labelzIndex: 130,
cursor: 'pointer',
features: ['road', 'building', 'point']
});
map.on('complete', function() {
marker.setMap(this);
this.setCity(r.addressComponent.adcode);
map.plugin(['AMap.ControlBar'], function() {
var controlBar = new AMap.ControlBar({
position: {
right: '0',
bottom: '-173px'
}
});
map.addControl(controlBar);
});
map.plugin(['AMap.Scale'], function() {
var scale = new AMap.Scale();
map.addControl(scale);
});
map.plugin(['AMap.ToolBar'], function() {
var toolBar = new AMap.ToolBar();
map.addControl(toolBar);
});
map.plugin(['AMap.DistrictLayer'], function() {
var disCountry = new AMap.DistrictLayer.Country({
SOC: 'CHN',
zIndex: 1,
depth: 2,
styles: {
'province-stroke': 'cornflowerblue',
'city-stroke': 'white', //中国地级市边界
'county-stroke': '#3c648780', //中国区县边界
'fill': 'rgba(0,0,0,0)',
}
})
disCountry.setMap(map);
});
var prism = new AMap.Object3D.Wall({
path: bounds,
height: 5000,
color: '#0088ffcc'
});
prism.transparent = true;
var object3Dlayer = new AMap.Object3DLayer({});
object3Dlayer.add(prism)
object3Dlayer.setMap(map);
var tianditu = new AMap.TileLayer({
zIndex: -1,
getTileUrl: 'http://t{1,2,3,4}.tianditu.gov.cn/DataServer?tk=2ce94f67e58faa24beb7cb8a09780552&T=ter_w&x=[x]&y=[y]&l=[z]'
})
tianditu.setMap(map);
});
});
});
});
关注微信号:javalearns 随时随地学Java
或扫一扫
随时随地学Java
java 地图报表_Echarts实现定位-高德-天地图相关推荐
- java 地图报表_自定义地图功能介绍
自定义动态地图利用动态的和互动式的falsh地图帮助您按类别,地区或实体显示地理数据.用户可以用它有效地按以下因素绘制业务数据,如地区产品销售额,地区税收,户口普查资料,如国家人口数,选举结果和统计调 ...
- Android使用高德地图api实现基础定位
Android使用高德地图api实现基础定位(一) 关于 会获取SHA1的可自行跳过这一步 第二步引用高德sdk 第三步修改MainActivity.java 关于 这篇主要讲如何使用高德sdk(不是 ...
- 高德地图八:手机定位和GPS定位
高德地图八:手机定位和GPS定位 高德地图八:手机定位和GPS定位 代码实现: layout/activity_main.xml <?xml version="1.0" en ...
- java高德地图api开发平台_【高德地图API】从零开始学高德JS API(一)地图展现...
摘要:关于地图的显示,我想大家最关心的就是麻点图,自定义底图的解决方案了吧.在过去,marker大于500之后,浏览器开始逐渐卡死,大家都开始寻找解决方案,比如聚合marker啊,比如麻点图啊.聚合m ...
- java实现高德地图app,Android 高德地图入门demo,最新高德地图实现方法,附源码及apk...
[实例简介] Android 高德地图入门demo,最新高德地图实现方法,附源码及apk [实例截图] [核心代码] GaoDeDemo ├── GaoDeDemo │ ├── app │ │ ...
- 【应用】Python利用高德地图经纬度数据绘制定位
[应用]Python利用高德地图经纬度数据绘制定位 一. 背景 二. 获取API 1. 注册高德开放平台个人开发者 2. 获取key 三. 具体步骤 1. 库的导入 2. 根据地址获取经纬度 3. 绘 ...
- 高德地图获取坐标距离_利用java、js或mysql计算高德地图中两坐标之间的距离
前言 因为工作的原因,最近在做与地图相关的应用,使用了高德地图,研究了下高德地图计算两坐标距离的方法,官网上提供的开发包中有相关的方法,但是我的产品中比较特殊,无法直接使用提供的方法,所以就自己封装了 ...
- 利用高德地图和腾讯地图的详细地址定位
今天要说的基于浏览器的定位,是通过高德地图通过浏览器定位来获取经纬度,然后利用腾讯地图的逆地址解析,将经纬度解析为详细的地址,使用高德地图时,需要先去高德开发者平台申请key码. 代码如下: < ...
- 高德地图api之location定位
关于定位,分为GPS定位和网络定位.本文将详细描述的浏览器定位,属于网络定位.这是一种通过使用高德JS-API来实现位置定位.城市定位的方法,包含了IP定位,检索等多种网络定位方式.如果您的手机支持G ...
最新文章
- poj 2352 Stars 线段树(先建后查/边建边查)/树状数组三种方法思路详解,带你深入了解线段树难度⭐⭐⭐★
- oracle failovermode,[WK-T]ORACLE 10G 配置故障转移(Failover)
- Linux内核之内核同步(三)——自旋锁
- 配置aconda_centos 安装aconda
- Steps to developing Metro style apps 第一章-Creat a UI(2)(4)
- adodb.stream对象的方法/属性
- 原生js实现一个tab栏的标签操作
- (软件工程复习核心重点)第一章软件工程概论-第二节:软件工程
- c语言比赛积分程序,C语言积分赛.doc
- PostgreSQL使用函数实现merge功能
- day21保护操作系统
- 从0开始聊聊自动化静态代码审计工具
- ykhmi是什么触摸屏软件_YKHMI 中达优控7寸一体机兼容台达ES2
- Invalid bound statement (not found): com.wu.dao.BlogMapper.addBook错误
- Ubuntu修改DNS
- 北京市三级医院电话预约挂号一览表
- centso系统命令来源查询
- 《Head First 设计模式》例子的C++实现(4 单件模式)
- Python心形图-采用turtle模块画心形
- 设计评选优秀教师和优秀学生候选人的程序。