javascript 之获取 百度地址参数方法
原生态的JavaScript对DOM的操作 比jquery更方便,特别是当没有id 或class 可以获取的时候,只有用tag名获取
HTML DOM Element 对象操作 http://www.w3school.com.cn/jsref/dom_obj_all.asp
百度开放平台 :http://lbsyun.baidu.com/index.php?title=open/library&qq-pf-to=pcqq.group
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#container{
font-size:12px;
margin:5px 0;
}
</style>
<title>
城市列表显示示例</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/CityList/1.4/src/CityList_min.js"></script> </head>
<body>
<div id="container"></div>
<div style="width:520px;height:340px;border:1px solid gray" id="map_container"></div> <button type="button" onclick="data()">show</button>
<button type="button" onclick="addArea()">addArea</button>
<button type="button" onclick="delArea()">delArea</button>
<div id ='data'></div>
<div id="demo"></div>
</body>
</html>
<script type="text/javascript">
// 新创建地图
var map = new BMap.Map("map_container");
map.centerAndZoom(new BMap.Point(121.478125,31.229649), 12); var cityList = new BMapLib.CityList({
container: 'container',
map: map
}); cityList.getBusiness('中关村', function(json){
console.log('商圈');
console.log(json);
}); cityList.getSubAreaList(131, function(json){
console.log('城市列表');
console.log(json); }); cityList.addEventListener('cityclick', function(e){
console.log(e);
});
/*
百度地址商圈采集脚本,目前是省和市选定后,选择区域,然后点addArea按钮就可以采集数据,因为第三个select选择后,
第四个select 的数据从百度上面调过来了,然后直接,用原生javascript采集就可以,
### 新想法是,绑定第三个select 的 change事件,选择一个就添加一次数据,这样就更快
*/
var j = 0; function addArea(){ this.j++; var k = document.getElementsByTagName('select')[2].childNodes[this.j]; document.getElementById('data').innerHTML = k.value+k.text; //document.getElementById("demo").innerHTML = ''; data(); } function delArea(){ this.j--; var xx = document.getElementsByTagName('select')[2].childNodes[this.j]; document.getElementById('data').innerHTML = xx.value+xx.text; //document.getElementById("demo").innerHTML = ''; } function data(){ var b = document.getElementsByTagName('select')[2].childNodes[this.j]; var c = document.getElementsByTagName('select')[3].childNodes; var txt =''; for (i=1; i<c.length; i++)
{ txt +='(\''+c[i].value +'\''+ ',' +'\''+c[i].text+'\''+','+'\''+b.value+'\''+'),'+'<br>'; };
var x=document.getElementById("demo"); x.innerHTML+=txt; } </script>
javascript 之获取 百度地址参数方法的更多相关文章
- 获取URL地址参数方法
//获取url参数 getQueryVariable(variable){ var query =decodeURIComponent(window.location.search.substring ...
- js获取IP地址多种方法实例教程
js获取IP地址方法总结 js代码获取IP地址的方法,如何在js中取得客户端的IP地址.原文地址:js获取IP地址的三种方法 http://www.jbxue.com/article/11338. ...
- PHP获取IP地址的方法,防止伪造IP地址注入攻击
PHP获取IP地址的方法 /** * 获取客户端IP地址 * <br />来源:ThinkPHP * <br />"X-FORWARDED-FOR" 是代理 ...
- JavaScript和微信小程序获取IP地址的方法
最近公司新加了一个需求,根据用户登录的IP地址判断是否重复登录,重复登录就进行逼退,那么怎么获取到浏览器的IP地址呢?最后发现搜狐提供了一个JS接口,可以通过它获取到客户端的IP. 接口地址如下: h ...
- javascript/jquery获取url地址栏参数的方法
简洁jq方法获取url地址栏的参数 function getQueryVariable(variable){ var query = window.location.search.substring( ...
- js获取IP地址的方法小结
s代码获取IP地址的三种方法,在js中取得客户端的IP地址. 原文地址:http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <scrip ...
- 通过request获取ID地址的方法
// 获取IP地址 public static String getIpAddr(HttpServletRequest request) { String ip = request.getHeade ...
- Javascript/jQuery 获取地址栏URL参数的方法
1.jquery获取url很简单,代码如下 window.location.href; 2.javascript获取url参数 function getUrlParam(name) { var reg ...
- javascript/jquery获取地址栏url参数的方法
1.jquery获取url window.location.href; 2.通过javascript是如何获取url中的某个参数 function getUrlParam(name) { var re ...
随机推荐
- bcm53344 gpio驱动分析
/********************************************************************************* * 1.查看代码是在vim下,使用 ...
- Spring Annotation是怎么工作的?
最近刚好看了下注解,虽然明白了注解的作用原理,但是仍然不明白Spring中的注解是如何工作的. 占座用,留待后续. 先来两个链接吧 https://dzone.com/articles/spring- ...
- firefox插件之 vimperator 的使用
简介: vimperator 是 Firefox浏览器下的一个插件,可以让我们像使用vim 一样使用 firefox浏览器,高效畅快,不用鼠标了.它的官网为:http://www.vimperator ...
- e656. 创建基本图形
Shape line = new Line2D.Float(x1, y1, x2, y2); Shape arc = new Arc2D.Float(x, y, w, h, start, extent ...
- Spring部署报错:Could not open ServletContext resource [/db.properties]
在使用Spring MVC过程中,部署项目报错,报错信息如下: 八月 15, 2016 5:02:04 下午 org.apache.catalina.core.StandardContext list ...
- 给网站添加X-UA-Compatible标签
给网站添加X-UA-Compatible标签 方法一:<meta http-equiv="X-UA-Compatible" content="IE=EmulateI ...
- Z字形扫描矩阵
问题描述 在图像编码的算法中,需要将一个给定的方形矩阵进行Z字形扫描(Zigzag Scan).给定一个n×n的矩阵,Z字形扫描的过程如下图所示: 对于下面的4×4的矩阵, 1 5 3 9 3 7 5 ...
- openal 基础知识3
四创新科技extension (Creative Labs'Extensions) 创新科技为OpenAL添加了多个extensions,许多都利用了他们声卡的特性. “Enumerate All”e ...
- 学习 TList 类的实现[3] - 不能回避的话题: 内存分配
在 Delphi 中, 几乎所有的类型都有对应的指针类型, 譬如: Char PChar Word PWORD Double PDouble TPoint PPoint 甚至一种类型对应这着几种指针类 ...
- C#委托和事件定义和使用
委托 定义委托的语法和定义方法比较相似,只是比方法多了一个关键字delegate ,我们都知道方法就是将类型参数化,所谓的类型参数化就是说该方法接受一个参数,而该参数是某种类型的参数,比如int.st ...