`
360697589
  • 浏览: 20754 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

JS获取百度地图坐标 适用于echart地图扩展

    博客分类:
  • web
阅读更多
<!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

    在“echart百度地图全国所有省份的js”这个主题中,我们可以深入探讨以下几个知识点: 1. **ECharts集成百度地图**: ECharts自身并不内置地图数据,但可以通过扩展插件与百度地图API结合,实现地图的可视化。百度...

    echart百度地图china.js

    本文将深入探讨`echart百度地图china.js`的相关知识点,帮助开发者更好地理解和应用。 首先,我们要明确`china.js`的核心作用。这个文件是ECharts中的一个特殊地图数据集,包含了中国所有省份及主要城市的经纬度...

    echarts与百度地图结合示例*(官方示例)

    在与百度地图结合时,我们需要使用ECharts的扩展模块`bmap.js`。这个扩展模块专门用于与百度地图API交互,提供了在ECharts实例中使用百度地图的能力。通过`require('echarts/map/js/bmap')`来引入这个模块,然后在...

    适用echart自制地图的全国省市区geojson数据,精准坐标,数据全

    本资源提供的是一套完整的、适用于ECharts地图插件的全国省市区geojson数据,包含了中国所有省份、城市和区县的精确坐标。 1. **GeoJSON数据结构**:GeoJSON是一种基于JSON(JavaScript Object Notation)的数据...

    echart 地图全国省市js+json(超级全)

    ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,适用于各种Web数据可视化场景。在“echart 地图全国省市js+json(超级全)”这个压缩包中,包含了完整的中国省级及市级地图数据...

    Echarts百度地图世界、全国、全国轮廓、全国城市JSON数据

    Echarts是一款由百度开发的开源JavaScript图表库,它提供了丰富的可视化图表类型,包括柱状图、折线图、饼图以及地图等。在Echarts中,地图图表是一种特殊类型的图表,能够将地理信息以图形化的形式展示出来。本资源...

    echart每个城市的地图数据

    ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并且支持在 Web 页面中动态渲染地理图表,包括中国地图和世界地图。对于"echart每个城市的...

    echart广东省、市、区县地图数据json文件

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,适用于Web页面的数据展示。在本压缩包中,“echart广东省、市、区县地图数据json文件”包含的是广东地区从省级到市级再到区县级...

    echart5.0附带china.js可以写地图的包

    `china.js` 文件是 ECharts 提供的特定于中国地理区域的地图数据,包含了中国各个省份和城市的坐标信息。使用这个文件,开发者可以轻松地在ECharts图表中展示中国地图,并进行数据绑定,实现如地区分布、销售额统计...

    百度地图和echarts

    百度地图是中国领先的在线地图服务平台,提供了丰富的地图数据,包括地理坐标、路况、兴趣点等。它支持自定义地图样式、实时定位、路线规划等功能,广泛应用于导航、交通、旅游、房地产等多个领域。开发者可以通过...

    echart3-省级地图 json ,js两种

    ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,适用于各种数据可视化场景。在 ECharts 3 版本中,地图图表是其重要特性之一,允许开发者展示地理分布数据。在您提到的“echart3...

    echarts江苏地图demo

    ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,包括柱状图、折线图、饼图、散点图以及地图等,广泛应用于Web数据可视化场景。在本次的“echarts江苏地图demo”中,我们将深入...

    echarts,以中国为中心的世界地图world.js

    ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图以及地图等。在给定的场景中,我们关注的是 "world.js",这是一个专为 ECharts 设计的,以中国为中心的...

    山西echarts地图js

    总的来说,“山西echarts地图js”是利用ECharts库和地理坐标数据文件实现山西省地图可视化的实例,通过这个案例,我们可以了解到ECharts在地图绘制方面的强大能力,以及如何结合自定义数据进行个性化展示。...

    echart 全国/各省份以及各地级市JSON文件和JS文件

    ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图以及地图等。在你提到的资源中,“echart 全国/各省份以及各地级市JSON文件和JS文件”是针对ECharts地图...

    广西省echarts地图资源

    ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,精美的图表效果,便捷的配置项和API,使得在Web前端展示数据变得更加简单。在"广西省echarts地图资源"中,我们可以预见到这是一...

    echarts-amap.min.js echarts针对高德地图的amap方法

    4. **地图配置**:在 ECharts 中使用高德地图,需要在配置项中指定地图类型为 `'amap'`,并设置地图的 `amapOption`,这包括地图的中心点坐标、缩放级别、地图主题等。例如: ```javascript var option = { geo: ...

    echarts3D地图数据(含全国和省js以及全国、省、地市级json).zip

    这个压缩包"echarts3D地图数据(含全国和省js以及全国、省、地市级json).zip"包含了用于构建 ECharts 3D 地图的数据资源,主要包括 JavaScript 文件和 JSON 数据,这些资源可以帮助开发者创建具有详细地理信息的3D...

    echart各省的js压缩文件.zip

    ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并且支持地图图表,非常适合用于数据分析和展示。在“echart各省的js压缩文件.zip”中,我们...

    echart3地图全国省市地区json

    ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,适用于各种统计和数据展示场景。ECharts3 是 ECharts 的第三个主要版本,它在前两个版本的基础上进行了优化和增强,提升了性能和...

Global site tag (gtag.js) - Google Analytics