<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取地区轮廓线</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="CityData.js"></script>
<style type="text/css">
body {
font-size: 13px;
margin: 10px
}
#container {
width: 800px;
height: 500px;
border: 1px solid gray
}
</style>
</head>
<body>
<div id="container"></div>
<div id="event_descr"></div>
<br />输入省、直辖市或县名称:
<input type="text" id="districtName" style="width:80px" value="桂林市">
<input type="button" onclick="getBoundary()" value="获取轮廓线">
<script type="text/javascript">
var fso = new ActiveXObject("Scripting.FileSystemObject");
var folderName = "C:\\china\\";
if (!fso.FolderExists(folderName)) fso.CreateFolder(folderName);
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);
map.addControl(new BMap.NavigationControl({
type: BMAP_NAVIGATION_CONTROL_SMALL
}));
map.enableScrollWheelZoom();
//直辖市
if (cityData.municipalities && cityData.municipalities.length > 0) {
for (var i = 0, n = cityData.municipalities.length; i < n; i++) {
var mu = cityData.municipalities[i];
getBoundary(mu.n, "");
}
}
// 普通省
for (var i = 0, n = cityData.provinces.length; i < n; i++) {
var pv = cityData.provinces[i];
var newFolderName = folderName + pv.n
if (!fso.FolderExists(newFolderName)) newFolderName = fso.CreateFolder(folderName + pv.n);
getBoundary(pv.n, "");
for (var j = 0, m = pv.cities.length; j < m; j++) {
getBoundary(pv.cities[j].n, pv.n);
}
}
// 其他地区
if (cityData.other && cityData.other.length > 0) {
for (var i = 0, n = cityData.other.length; i < n; i++) {
var oth = cityData.other[i];
getBoundary(oth.n, "");
}
}
function getBoundary(name, pvName) {
var bdary = new BMap.Boundary();
bdary.get(name, function(rs) { //获取行政区域
// map.clearOverlays(); //清除地图覆盖物
// var count = rs.boundaries.length; //行政区域的点有多少个
// for (var i = 0; i < count; i++) {
// var ply = new BMap.Polygon(rs.boundaries[i], {
// strokeWeight: 2,
// strokeColor: "#ff0000"
// }); //建立多边形覆盖物
// map.addOverlay(ply); //添加覆盖物
// map.setViewport(ply.getPath()); //调整视野
// }
var fileName = "";
var newFileObject = null;
if (pvName == "") newFileObject = fso.CreateTextFile(folderName + name + ".txt", true)
else newFileObject = fso.CreateTextFile(folderName + pvName + "\\" + name + ".txt", true);
newFileObject.write(rs.boundaries[0]);
newFileObject.Close();
// eventsTable.innerHTML = rs.boundaries[0].length +':'+ rs.boundaries[0];
});
}
</script>
</body>
</html>
分享到:
相关推荐
在“echart百度地图全国所有省份的js”这个主题中,我们可以深入探讨以下几个知识点: 1. **ECharts集成百度地图**: ECharts自身并不内置地图数据,但可以通过扩展插件与百度地图API结合,实现地图的可视化。百度...
本文将深入探讨`echart百度地图china.js`的相关知识点,帮助开发者更好地理解和应用。 首先,我们要明确`china.js`的核心作用。这个文件是ECharts中的一个特殊地图数据集,包含了中国所有省份及主要城市的经纬度...
在与百度地图结合时,我们需要使用ECharts的扩展模块`bmap.js`。这个扩展模块专门用于与百度地图API交互,提供了在ECharts实例中使用百度地图的能力。通过`require('echarts/map/js/bmap')`来引入这个模块,然后在...
本资源提供的是一套完整的、适用于ECharts地图插件的全国省市区geojson数据,包含了中国所有省份、城市和区县的精确坐标。 1. **GeoJSON数据结构**:GeoJSON是一种基于JSON(JavaScript Object Notation)的数据...
ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,适用于各种Web数据可视化场景。在“echart 地图全国省市js+json(超级全)”这个压缩包中,包含了完整的中国省级及市级地图数据...
Echarts是一款由百度开发的开源JavaScript图表库,它提供了丰富的可视化图表类型,包括柱状图、折线图、饼图以及地图等。在Echarts中,地图图表是一种特殊类型的图表,能够将地理信息以图形化的形式展示出来。本资源...
ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并且支持在 Web 页面中动态渲染地理图表,包括中国地图和世界地图。对于"echart每个城市的...
ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,适用于Web页面的数据展示。在本压缩包中,“echart广东省、市、区县地图数据json文件”包含的是广东地区从省级到市级再到区县级...
`china.js` 文件是 ECharts 提供的特定于中国地理区域的地图数据,包含了中国各个省份和城市的坐标信息。使用这个文件,开发者可以轻松地在ECharts图表中展示中国地图,并进行数据绑定,实现如地区分布、销售额统计...
百度地图是中国领先的在线地图服务平台,提供了丰富的地图数据,包括地理坐标、路况、兴趣点等。它支持自定义地图样式、实时定位、路线规划等功能,广泛应用于导航、交通、旅游、房地产等多个领域。开发者可以通过...
ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,适用于各种数据可视化场景。在 ECharts 3 版本中,地图图表是其重要特性之一,允许开发者展示地理分布数据。在您提到的“echart3...
ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,包括柱状图、折线图、饼图、散点图以及地图等,广泛应用于Web数据可视化场景。在本次的“echarts江苏地图demo”中,我们将深入...
ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图以及地图等。在给定的场景中,我们关注的是 "world.js",这是一个专为 ECharts 设计的,以中国为中心的...
总的来说,“山西echarts地图js”是利用ECharts库和地理坐标数据文件实现山西省地图可视化的实例,通过这个案例,我们可以了解到ECharts在地图绘制方面的强大能力,以及如何结合自定义数据进行个性化展示。...
ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图以及地图等。在你提到的资源中,“echart 全国/各省份以及各地级市JSON文件和JS文件”是针对ECharts地图...
ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,精美的图表效果,便捷的配置项和API,使得在Web前端展示数据变得更加简单。在"广西省echarts地图资源"中,我们可以预见到这是一...
4. **地图配置**:在 ECharts 中使用高德地图,需要在配置项中指定地图类型为 `'amap'`,并设置地图的 `amapOption`,这包括地图的中心点坐标、缩放级别、地图主题等。例如: ```javascript var option = { geo: ...
这个压缩包"echarts3D地图数据(含全国和省js以及全国、省、地市级json).zip"包含了用于构建 ECharts 3D 地图的数据资源,主要包括 JavaScript 文件和 JSON 数据,这些资源可以帮助开发者创建具有详细地理信息的3D...
ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并且支持地图图表,非常适合用于数据分析和展示。在“echart各省的js压缩文件.zip”中,我们...
ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,适用于各种统计和数据展示场景。ECharts3 是 ECharts 的第三个主要版本,它在前两个版本的基础上进行了优化和增强,提升了性能和...