android高德地图热力图,调用高德地图API(热力图)详解(示例代码)
具体脚本语言如下:
热力图
var map = new AMap.Map("container", {
resizeEnable: true,
center: [116.418261, 39.921984],
zoom: 11
});
var points=[
{"lng":"116.32497","lat":"39.96696"},
{"lng":"116.616","lat":"40.053016"},
{"lng":"116.34324","lat":"39.95056"},
{"lng":"116.554131","lat":"39.912131"},
{"lng":"116.3483","lat":"39.83151"},
{"lng":"116.36619","lat":"39.75298"}
];
if (!isSupportCanvas()) {
alert(‘热力图仅对支持canvas的浏览器适用,您所使用的浏览器不能使用热力图功能,请换个浏览器试试~‘)
}
//详细的参数,可以查看heatmap.js的文档 http://www.patrick-wied.at/static/heatmapjs/docs.html
//参数说明如下:
/* visible 热力图是否显示,默认为true
* opacity 热力图的透明度,分别对应heatmap.js的minOpacity和maxOpacity
* radius 势力图的每个点的半径大小
* gradient {JSON} 热力图的渐变区间 . gradient如下所示
* {
.2:‘rgb(0, 255, 255)‘,
.5:‘rgb(0, 110, 255)‘,
.8:‘rgb(100, 0, 255)‘
}
其中 key 表示插值的位置, 0-1
value 为颜色值
*/
var heatmap;
map.plugin(["AMap.Heatmap"], function() {
//初始化heatmap对象
heatmap = new AMap.Heatmap(map, {
radius: 25, //给定半径
opacity: [0, 0.8]
/*,gradient:{
0.5: ‘blue‘,
0.65: ‘rgb(117,211,248)‘,
0.7: ‘rgb(0, 255, 0)‘,
0.9: ‘#ffea00‘,
1.0: ‘red‘
}*/
});
//设置数据集:该数据为北京部分“公园”数据
heatmap.setDataSet({
data: points,
max: 100
});
});
//判断浏览区是否支持canvas
function isSupportCanvas() {
var elem = document.createElement(‘canvas‘);
return !!(elem.getContext && elem.getContext(‘2d‘));
}
大家将上述代码存在一个html文件中,然后通过网页打开即可。
其中只需要注意
heatmap.setDataSet({
data: points,
max: 1
}
中的data:后面的points是你自己的数据,即在之前定义的json格式经纬度
var points=[
{"lng":"116.32497","lat":"39.96696"},
{"lng":"116.616","lat":"40.053016"},
{"lng":"116.34324","lat":"39.95056"},
{"lng":"116.554131","lat":"39.912131"},
{"lng":"116.3483","lat":"39.83151"},
{"lng":"116.36619","lat":"39.75298"}
];
还有就是max的值(即最红区域对应的次数值)选取自己觉得合适的,不然太小会几乎一片红色,太大几乎看不到热力图颜色。
android高德地图热力图,调用高德地图API(热力图)详解(示例代码)相关推荐
- android代码查找快捷键是什么,Android Studio搜索功能(查找功能)及快捷键图文详解(示例代码)...
1.在当前窗口查找文本[Ctrl+F] F3 向下查找关键字出现位置 Shift+F3 向上一个关键字出现位置 2.在当前工程内查找文本[Ctrl+Shift+F] 先会弹出一个对话框,直接点击[fi ...
- Jython-在JAVA调用Python脚本使用方法详解+示例代码
目录 前言 一.Jython简介 1.场景 2.下载 二.运用示例 构建Maven项目 构建java,运行python语句: 运行python脚本: 运行带有第三方库的Python脚本 转为jar包 ...
- android demo示例代码,Android Service demo例子使用详解(示例代码)
Android Service demo例子使用详解\ 概述 Service 是 Android 的四大组件之一,它主要的作用是后台执行操作,Activity 属于带有 UI 界面跟用户进行交互,而 ...
- android+tracert命令详解,tracert 命令详解(示例代码)
tracert 命令详解 How to Use the TRACERT Utility The TRACERT diagnostic utility determines the route to a ...
- c语言api获取百度地图,H5调用百度地图API获取地理位置
//获取当前位置 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ alert ...
- android Camera2 API使用详解
原文:android Camera2 API使用详解 由于最近需要使用相机拍照等功能,鉴于老旧的相机API问题多多,而且新的设备都是基于安卓5.0以上的,于是本人决定研究一下安卓5.0新引入的Came ...
- React Native - Keyboard API使用详解(监听处理键盘事件)
参考: React Native - Keyboard API使用详解(监听处理键盘事件) 当我们点击输入框时,手机的软键盘会自动弹出,以便用户进行输入. 但有时我们想在键盘弹出时对页面布局做个调整, ...
- Android绘图Canvas十八般武器之Shader详解及实战篇(上)
本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布 前言 Android中绘图离不开的就是Canvas了,Canvas是一个庞大的知识体系,有java层的,也有jni层深入到Frame ...
- Android M新特性Doze and App Standby模式详解
转载请标明出处:http://blog.csdn.net/xx326664162/article/details/52312122 文章出自:薛瑄的博客 你也可以查看我的其他同类文章,也会让你有一定的 ...
- Android异步处理三:Handler+Looper+MessageQueue深入详解
本博文地址:http://blog.csdn.net/mylzc/article/details/6771331 转载请注明出处 Android异步处理系列文章索引 Android异步处理一:使用Th ...
最新文章
- Google 的自动驾驶车出事故,被人类撞的
- 第十七届智能车竞赛英飞凌专题培训 ——四轮摄像头组入门讲解
- java 重定向和转发 的区别
- mybaits二十三:二级缓存
- 基于贝叶斯决策理论的分类器
- java虚拟机调用linux_Java虚拟机字节码执行引擎
- Linux下添加字体(QT可用)
- 安装mongodb时为什么一直卡着不动
- 用js的document.write输出的广告无阻塞加载的方法(转)
- 归纳下js面向对象的几种常见写法
- [Javascript]史上最短的IE浏览器判断代码
- 一道简单的但是经典的动态规划题目
- TVM代码库结构概述
- 使用Python实现批量PPT转图片,格式支持PNG、JPG,转后图片后批量重命名
- MFC从字体名获取字库文件路径(从宋体获取到simsun.ttc)
- 前端 原型对象中this的认识
- Cobalt Strike Veil 免杀过杀软(子篇10)
- 将数组作为函数参数调用
- 基于PHP+小程序(MINA框架)+Mysql数据库的校园二手书交易小程序系统设计与实现
- 树与二叉树——二叉树中计算叶子结点个数问题
热门文章
- 服务器虚拟化2种架构,服务器虚拟化常用架构详解
- Selenium官网教程
- 2.高速PCB设计规范(一)
- Web安全 Msfconsole攻击技术(成功拿下服务器最高权限.)
- 学习笔记(12):Google开发专家带你学 AI:入门到实战(Keras/Tensorflow)(附源码)-深度学习“四件套”:数据、模型、损失函数与优化器
- cass道路设计教程_cass道路曲线设计
- Dilated Convolution(空洞卷积、膨胀卷积)详解
- nginx 支持HTTPS fdfs
- Java二叉树的层序遍历
- 记录-使用TM1640 数码管驱动芯片