<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>地图信息采集js版</title>
<link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
<link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="css/style.min.css?v=4.0.0" rel="stylesheet">
<link href="css/bootstrap-table.min.css" rel="stylesheet">
<link href="css/bootstrap-dark-table.min.css" rel="stylesheet">
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.5"></script>
<script src="js/bootstrap-table.min.js"></script>
<script src="js/bootstrap-table-zh-CN.min.js"></script>
<script src="js/tableExport.min.js"></script>
<script src="js/area.js"></script>
<script type="text/javascript">
var datas = [];
var dataNum = 0;
var dataNames = [];
var url = "https://map.baidu.com/?newmap=1&reqflag=pcmap&biz=1&from=webmap&da_par=direct&pcevaname=pc4.1&qt=spot&from=webmap&c={cityCode}&wd={keyWord}&wd2=&pn={pageNumber}&nn={startNumber}&db=0&sug=0&addr=0&&da_src=pcmappg.poi.page&on_gel=1&src=7&gr=3&l=12&rn=50&tn=B_NORMAL_MAP&ie=utf-8&t={time}";
Date.prototype.format = function (y) {
var z = {
M : this.getMonth() + 1,
d : this.getDate(),
h : this.getHours(),
m : this.getMinutes(),
s : this.getSeconds()
};
y = y.replace(/(M+|d+|h+|m+|s+)/g, function (v) {
return ((v.length > 1 ? "0" : "") + eval('z.' + v.slice(-1))).slice(-2);
});
var that = this;
return y.replace(/(y+)/g, function (v) {
return that.getFullYear().toString().slice(-v.length);
});
};
function setCityData(provinceId) {
$("#areaName").html("");
$(function () {
var url = "https://map.baidu.com/?newmap=1&reqflag=pcmap&biz=1&from=webmap&da_par=direct&pcevaname=pc4.1&qt=s&da_src=searchBox.button&wd=%E5%85%AC%E5%8F%B8&c={id}&src=0&wd2=&pn=0&sug=0";
url = url.replace("{id}", provinceId);
$.ajax({
url : url,
type : "get",
dataType : "jsonp",
success : function (data) {
var content = data["content"];
var more_city = data["more_city"][0]["city"];
if (content instanceof Array && content.length > 0) {
content.forEach(function (cityObj) {
$("<option></option>").val(cityObj["code"]).attr("geo", cityObj["geo"]).html(cityObj["name"]).appendTo($("#areaName"));
});
}
if (more_city instanceof Array && more_city.length > 0) {
more_city.forEach(function (cityObj) {
$("<option></option>").val(cityObj["code"]).attr("geo", cityObj["geo"]).html(cityObj["name"]).appendTo($("#areaName"));
});
}
}
})
});
}
function initProvinces() {
$(function () {
var url = "https://map.baidu.com/?newmap=1&reqflag=pcmap&biz=1&from=webmap&da_par=direct&pcevaname=pc4.1&qt=s&da_src=searchBox.button&wd=%E5%85%AC%E5%8F%B8&c=1&src=0&wd2=&pn=0&sug=0";
$.ajax({
url : url,
type : "get",
dataType : "jsonp",
success : function (data) {
var provinces = data["more_city"];
if (provinces instanceof Array && provinces.length > 0) {
provinces.forEach(function (dataObj) {
if (dataObj["province"] == "重庆市" || dataObj["province"] == "天津市" || dataObj["province"] == "香港特别行政区") {
$("<option></option>").val(dataObj["province_id"]).attr("geo", dataObj["city"][0]["geo"]).html(dataObj["province"]).appendTo($("#provinceName"));
} else {
$("<option></option>").val(dataObj["province_id"]).html(dataObj["province"]).appendTo($("#provinceName"));
}
});
if ($.inArray("北京市", provinces) == -1) {
$("<option></option>").val("131").attr("geo", "1|12959238.56,4825347.47;12959238.56,4825347.47|12959238.56,4825347.47;").html("北京市").appendTo($("#provinceName"));
}
if ($.inArray("上海市", provinces) == -1) {
$("<option></option>").val("289").attr("geo", "1|13523265.31,3641114.64;13523265.31,3641114.64|13523265.31,3641114.64;").html("上海市").appendTo($("#provinceName"));
}
//默认广东省
$("#provinceName").val('7');
setCityData("7");
}
}
})
});
}
function initEvent() {
$("#btnSearchData").click(function () {
var provinceName = $("#provinceName").find("option:selected").text();
var cityCode = "";
var cityName = "";
if (provinceName == "重庆市" || provinceName == "天津市" || provinceName == "香港特别行政区" || provinceName == "北京市" || provinceName == "上海市") {
cityCode = $("#provinceName").val();
cityName = provinceName;
} else {
cityCode = $("#areaName").val();
cityName = $("#areaName").find("option:selected").text();
}
var keyWord = $("#keyWord").val();
var number = parseInt($("#number").val());
number = number > 50 ? number : 50;
var len = number % 50 == 0 ? (number / 50) : (number / 50 + 1);
datas = [];
dataNum = 0;
if (cityCode && keyWord) {
for (var i = 1; i <= len; i++) {
getData(cityName, cityCode, keyWord, i, number);
}
} else {
alert("请输入关键字或选择城市");
}
});
$("#btnExportData").click(function () {
var fileName = "地图采集信息_" + new Date().format('yyyyMMddhhmmss');
$('#tableList').bootstrapTable('togglePagination');
$('#tableList').tableExport({
fileName : fileName,
type : 'csv'
});
$('#tableList').bootstrapTable('togglePagination');
});
$("#provinceName").change(function () {
var provinceName = $("#provinceName").find("option:selected").text();
if (provinceName == "重庆市" || provinceName == "天津市" || provinceName == "香港特别行政区" || provinceName == "北京市" || provinceName == "上海市") {
$("#areaName").html("");
return;
}
setCityData($(this).val());
});
}
function initTable() {
var height = document.body.clientHeight - 5;
var columns = [{
field : "name",
title : "名称",
align : "center"
}, {
field : "addr",
title : "地址",
align : "center"
}, {
field : "tel",
title : "电话",
align : "center"
}, {
field : "di_tag",
title : "标签",
align : "center"
}, {
field : "area_name",
title : "地区",
align : "center"
}
];
$("#tableList").bootstrapTable({
data : [],
striped : true,
height : height,
pageNumber : 1, //初始化加载第一页，默认第一页
pagination : true,
pageSize : 20, //每页的记录行数（*）
pageList : [10, 20, 50, 100],
exportDataType : 'all',
columns : columns
});
}
function getArea(cityName) {
var areaDatas = [];
var codes = [];
var code;
if (cityName == "香港特别行政区") {
areaDatas.push("香港特别行政区");
return areaDatas;
}
if (cityName == "澳门特别行政区") {
areaDatas.push("澳门特别行政区");
return areaDatas;
}
for (var i = 0; i < areas.length; i++) {
if (areas[i]["name"] == cityName) {
code = areas[i]["code"];
break;
}
}
if (cityName == "重庆市" || cityName == "天津市" || cityName == "北京市" || cityName == "上海市") {
for (var i = 0; i < areas.length; i++) {
if (areas[i]["parentCode"] == code) {
codes.push(areas[i]["code"]);
}
}
for (var i = 0; i < codes.length; i++) {
for (var j = 0; j < areas.length; j++) {
if (areas[j]["parentCode"] == codes[i]) {
areaDatas.push(areas[j]["name"]);
}
}
}
} else {
for (var i = 0; i < areas.length; i++) {
if (areas[i]["parentCode"] == code && areas[i]["name"] != "市辖区") {
areaDatas.push(areas[i]["name"]);
}
}
}
return areaDatas;
}
function getData(cityName, cityCode, keyWord, pageNumber, max) {
var areaDatas = getArea(cityName);
for (var j = 0; j < areaDatas.length; j++) {
var tempUrl = url;
var start
地图信息采集js版.zip （14个子文件） 
地图信息采集js版 js 
bootstrap-table-export.js 4KB bootstrap.min.js 36KB bootstrap-table.min.js 47KB bootstrap-table-zh-CN.min.js 852B area.js 409KB tableExport.min.js 36KB jquery.min.js 95KB
map.html 10KB
地图采集使用方法.pdf 275KB css bootstrap-dark-table.min.css 2KB bootstrap.min.css 120KB bootstrap-table.min.css 4KB font-awesome.min.css 30KB style.min.css 118KB资源评论
Jones168
- 粉丝: 12
- 资源: 61
最新资源
- 从XML生成可与Ajax共同使用的JSON中文WORD版最新版本
- silverlight通过WebService连接数据库中文WORD版最新版本
- 使用NetBeans连接SQLserver2008数据库教程中文WORD版最新版本
- XPath实例中文WORD版最新版本
- XPath语法规则中文WORD版最新版本
- XPath入门教程中文WORD版最新版本
- ORACLE数据库管理系统体系结构中文WORD版最新版本
- Sybase数据库安装以及新建数据库中文WORD版最新版本
- tomcat6.0配置oracle数据库连接池中文WORD版最新版本
- hibernate连接oracle数据库中文WORD版最新版本
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
