百度地图API热力图（滑块动态调整参数，可获得行政区，且增加了关键字搜索功能）

时间过得太快

于 2018-04-24 17:27:38 发布

阅读量7.9k

点赞数 3

分类专栏：研究类文章标签：热力图百度地图API

本文链接：https://blog.csdn.net/u011534339/article/details/80067735

版权

该博客介绍了如何基于百度地图API的热力图Demo，进行定制化开发，添加滑块动态调整参数功能，并实现了行政区获取。作者通过整合多个模块，使用户能够在网页上直接调整热力图参数，同时分享了获取行政区边界后的后续研究计划，即判断点是否在行政区内的算法探索。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

此文主要根据百度地图API热力图的demo（http://lbsyun.baidu.com/jsdemo.htm#c1_15），进行了一些小的调整，加入了其他一些模块，可用滑块动态调整参数，并可获得行政区。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
    <title>热力图</title>
    <style type="text/css">
		ul,li{list-style: none;margin:0;padding:0;float:left;}
		html{height:100%}
		body{height:100%;margin:0px;padding:0px;font-family:"微软雅黑";}
		#container{height:85%;width:100%;}
		#r-result{width:100%;margin-left:20px}
		#searchbar{margin-left:20px}
    </style>	
</head>
<body>
	<div id="container"></div>
	<div id="searchbar" class="search map_search">
		<input type="text" class="text" id="localvalue" value="请输入关键字进行搜索" οnfοcus="foucs_(this,'请输入关键字进行搜索'