精华内容
下载资源
问答
  • 用于离线地图开发的安装包SDK,包括离线地图开发环境安装,离线地图二次开发API接口以及离线地图数据下载
  • 高德地图离线地图开发 教程

    千次阅读 2020-03-06 17:13:20
    高德离线地图开发主要有两部分组成:1、获取离线地图数据;因为离线地图一般都是局域网,所以需要离线地图数据放在内网中使用;2、离线地图服务器搭建以及二次开发接口提供,离线地图是一种服务,就像我们Apache提供...

            离线地图开发主要有两部分组成:1、获取离线地图数据;因为离线地图一般都是局域网,所以需要离线地图数据放在内网中使用;2、离线地图服务器搭建以及二次开发接口提供,离线地图是一种服务,就像我们Apache提供的WEB服务器一样,他是一种准们的地图服务:提供了包括 WEB服务、TMS服务、WMTS服务等等。

         离线地图数据的获取:可以通过【大地图下载器】下载到。

    下面将一下,离线地图服务器的搭建。

        下载安装 BIGEMAP离线地图服务器:省略

       第一步:打开离线服务端程序后,选择“添加离线地图”,如下图:

     

          第二步:选择“添加离线地图”,弹出如下对话框:

    c12.jpg

     

        地图名称:北京地图 (工具你自己的需要任意命名)

        瓦片库文件:选择后面的浏览,找到你下载的离线地图瓦片,里面有个map.ini文件,选择这个文件,如下图:

    c13.jpg

     

        选择完成后,点击“创建”,如下图:

    c15.jpg

     

        添加的离线地图,会在“管理地图”里面,默认添加进来的地图服务就是启动的

        点击“浏览”,查看地图,如下图:

       

        离线地图通过WEB服务器可以打开了,具体调用二次开发如下图:

      

    点击后面的开发使用,可以看下如下的源代码:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset='UTF-8' />

    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>

    <link href='http://localhost:9000/bigemap.js/v2.1.0/bigemap.css' rel='stylesheet'/>

    <script src='http://localhost:9000/bigemap.js/v2.1.0/bigemap.js'></script>

    <style>

    body { margin: 0; padding: 0; }

    #map { position: absolute; top: 0; bottom: 0; width: 100%; }

    </style>

    <title>测试1111</title>

    </head>

    <body>

    <div id='map'></div>

    <script> BM.Config.HTTP_URL = 'http://localhost:9000';

    var map = BM.map('map', 'bigemap.5mjnitgu', { center: [33.884422302246094, 113.49996948242188], zoom: 13, zoomControl: true });

    map.fitBounds([[33.878509521484375, 113.4906997680664], [33.89033508300781, 113.50923919677734]]);

    </script>

    </body>

    </html>

    以上源代码直接拷贝另存为HTML,就可以本地访问地图了。

    更多接口,可以参看详细的API接口文档:

    展开全文
  • 高德地图是我们出门驾驶必备的软件,它可以智能...下面小编就来给大家演示一下在高德地图中使用离线导航以及设置的方法。方法步骤:1、打开电脑中的高德地图软件,没有的用户可以在应用商店中下载2、进入主界面之...

    高德地图是我们出门驾驶必备的软件,它可以智能导航,根据我们目前行驶的方向来为我们定制最合适的路线。但是这款软件在导航的时候会使用很多的手机流量,经常使用实在是浪费流量。最好的方法就是使用离线导航功能了,这样我们即使没有开启流量也能够使用导航的功能。下面小编就来给大家演示一下在高德地图中使用离线导航以及设置的方法。

    8d60b219b100fac072876815e4efa14b.png

    方法步骤:

    1、打开电脑中的高德地图软件,没有的用户可以在应用商店中下载

    d5617b4c9926c3992005853cc85036b4.png

    2、进入主界面之后使用鼠标单击右下角的头像标志

    8d60b219b100fac072876815e4efa14b.png

    3、点击之后接着在下图界面中找到左侧的离线地图选项,单击将它打开

    6a751e7c7c807125ed32675185098723.png

    4、进入地图下载窗口之后找到自己所在城市,然后使用右侧的下载按钮将地图下载到手机中!

    37a9afa2f7d9e4737cff7c7f8835652d.png

    5、下载成功之后还需要设置一下,这样可以避免手机流量被自动开启

    9741f7339b4727c9af40b2bd69e5a8a9.png

    6、打开设置窗口之后找到下图中的两个选项,然后将它们全部开启即可!

    73f4f9eb9630778e335a573aba570b68.png

    使用这个教程设置高德地图之后,只要我们打开这个软件就会优先使用手机中提前下载的离线地图。即使我们开启了手机流量软件也会自动使用离线地图,这样我们就可以在不影响手机软件使用的情况下运行高德地图了!需要的用户可以设置一下哦!

    展开全文
  • 高德离线地图开发API

    千次阅读 2019-10-31 17:41:47
    离线地图开发环境支持谷歌地图、百度地图、高德地图等等所有常用地图类型,支持在局域网内的地图部署、二次开发。 2.实现 第一步:下载安装离线地图开发环境 BIEGMAP离线地图服务器(开发版) 下载安装好之后,...

    谷歌(百度、高德)离线地图开发环境搭建

     

    1.说明

    离线地图开发环境支持谷歌地图百度地图高德地图等等所有常用地图类型,支持在局域网内的地图部署、二次开发。

    2.实现

    第一步:下载安装离线地图开发环境

    BIEGMAP离线地图服务器(开发版)

    下载安装好之后,启动软件,如下图所示:

    1.png

         ① 如果你的电脑连接到网络,这里可以直接点击【进入】;如果未能链接网络,请插上离线地图加密锁点击【进入】。

         ② 这里有离线地图二次开发的相关说明以及帮助信息。

    点击【进入】后,如下图:

     

    2.jpg

     

        ①:添加离线地图--在没有网络的情况下,需要先把地图下载到本地(如下下载离线地图);

        ②:添加本地数据--将你自己的本地数据添加到地图上,并且展示在地图上(如何添加数据到地图服务上)

        ③:【预设地图】系统默认提供的地图;【管理地图】用户自己建立的离线地图;【管理数据】用户上传的本地数据,用于展示在地图上;

        ④:技术支持,用户有任何的问题可以直接点击QQ离线,或者拨打400电话 400-028-7262

        ⑤:【浏览】在本地浏览器打开地图查看;【开发使用】用于二次开发

     

        点击【开发使用】,如下图:

    3.jpg

          ①:离线地图的开发,支持WEB开发,WMS(WMTS),TMS以及BIGEMAP直接加载的离线地图方式;

          ②:基于WEB的离线地图开发,加载地图代码HTML

          ③:离线地图开发,需要用到的本地【KEY】   

          ④: 因为离线地图可以有多个图层每个图层都有对应的ID

      如下图,二次开发代码中加载地图,用到【key】和 地图ID 的地方:

    5.jpg

     

      点击【浏览】,代码执行结果如下图:

    6.jpg

     

      更多【离线地图示例源代码】,看这里;完整【离线地图接口文档】,看这里

     

    以上就是Google离线地图API简单功能开发示例的详细解析,更多相关可参考Google地图官方API文档,推荐API之家的 【google地图参考手册

    相关链接:【百度离线地图发布】 【谷歌离线地图发布

    体验案例( 用户名/密码:admin ):【www.bigemap.com/bmap/login.php】  【www.bigemap.com/google/login.php

     

    展开全文
  • 基于Vue的高德离线地图开发--省市县

    千次阅读 2021-03-26 11:45:02
    高德地图接口,个人每天免费调用次数为500次,渲染速度受网络波动影响,又或许项目部署在局域网,无法访问外网。所以需要使用离线地图。 环境需要 npm install echarts --save 下载地图离线资源包 ...

    离线地图优势

    高德地图接口,个人每天免费调用次数为500次,渲染速度受网络波动影响,又或许项目部署在局域网,无法访问外网。所以需要使用离线地图。

    环境需要

    npm install echarts --save
    

    下载地图离线资源包

    https://hxkj.vip/demo/echartsMap/
    将离线包导入到Vue项目中,资源包格式geoJson,Vue可能出现不识别情况,可将后缀名改成.Json格式。

    本项目功能

    本项目使用河南地图,省市下钻到县级

    具体代码

    <template>
        <div id="mapContainer" style="height:100%;width:100%;"></div>
    </template>
    
    <script>
        import echarts from "echarts";
        import Vue from 'vue'
        import henan from './map/410000.Json'
        import zhengzhou from './map/410000/410100.Json'
        import kaifeng from './map/410000/410200.Json'
        import luoyang from './map/410000/410300.Json'
        import pingdingshan from './map/410000/410400.Json'
        import anyang from './map/410000/410500.Json'
        import hebi from './map/410000/410600.Json'
        import xinxiang from './map/410000/410700.Json'
        import jiaozuo from './map/410000/410800.Json'
        import puyang from './map/410000/410900.Json'
        import xuchang from './map/410000/411000.Json'
        import luohe from './map/410000/411100.Json'
        import sanmenxia from './map/410000/411200.Json'
        import nanyang from './map/410000/411300.Json'
        import shanqiu from './map/410000/411400.Json'
        import xinyang from './map/410000/411500.Json'
        import zhoukou from './map/410000/411600.Json'
        import zhumadian from './map/410000/411700.Json'
        import jiyuan from './map/410000/419001.Json'
        import {getCityCode} from "../../api/LoadingRate";
    
        export default {
            name: "echart-map",
            data() {
                return {
                    itemMap : '',
                    jsonMap : {
                        '410000': henan,
                        '410100': zhengzhou,
                        '410200': kaifeng,
                        '410300': luoyang,
                        '410400': pingdingshan,
                        '410500': anyang,
                        '410600': hebi,
                        '410700': xinxiang,
                        '410800': jiaozuo,
                        '410900': puyang,
                        '411000': xuchang,
                        '411100': luohe,
                        '411200': sanmenxia,
                        '411300': nanyang,
                        '411400': shanqiu,
                        '411500': xinyang,
                        '411600': zhoukou,
                        '411700': zhumadian,
                        '419001': jiyuan
                    },
                    cityInfo: new Map()
                }
            },
            mounted() {
                this.initMapSelect()
            },
            methods: {
            	//初始化地图选择
                async initMapSelect() {
                    this.itemMap = '410000'
                    this.initMapData()
                },
                initMapData(){
                    //初始化 cityCode和cityName的映射关系
                    this.jsonMap[this.itemMap].features.forEach(obj =>{
                        Vue.set(this.cityInfo, obj.properties.name,obj.properties.adcode)
                    })
                    this.chinaConfigure()
                },
                chinaConfigure() {
                    let myChart = echarts.init(document.getElementById("mapContainer")); //这里是为了获得容器所在位置
                    // window.onresize = myChart.resize;
                    echarts.registerMap(this.itemMap,this.jsonMap[this.itemMap])
                    let option = {
                        tooltip: {}, // 鼠标移到图里面的浮动提示框
                        dataRange: {
                            show: false,
                            min: 0,
                            max: 1000,
                            text: ['High', 'Low'],
                            realtime: true,
                            calculable: true,
                        },
                        geo: { // 这个是重点配置区
                            map:  this.itemMap, // 根据名字显示中国地图,省或市地图,
                            roam: false,
                            label: {
                                normal: {
                                    show: true, // 是否显示对应地名
                                    textStyle: {
                                        color: '#eee'
                                    }
                                }
                            },
                            itemStyle: {
                                normal: {
                                    areaColor: "rgb(36, 88, 76)",
                                    borderColor: '#eee'
                                },
                                emphasis: {
                                    areaColor: '#8dd7fc',
                                }
                            },
                        }
                    }
                    myChart.setOption(option,true)
                    window.onresize = myChart.resize;
                    myChart.on('click', this.echartsMapClick);
                },
                //点击下钻
                echartsMapClick(params) {
                    //县市层级不可下钻  济源市特殊判断
                    if (this.cityInfo[params.name]+'' !== '419001' && this.cityInfo[params.name]+'' !== '济源市'){
                        if((!(this.cityInfo[params.name]+'').endsWith("00")) || (params.name+'').endsWith("县") || (params.name+'').endsWith("区")){
                            return ;
                        }
                    }
                    if(this.cityInfo[params.name]  == '济源市' || this.itemMap == '419001'){
                        return;
                    }
                    let routeUrl = this.$router.resolve({
                        path: "你的跳转路径" + this.cityInfo[params.name]
                    });
                    window.open(routeUrl.href, '_blank');
                }
            }
        };
    </script>
    
    
    展开全文
  • 下载离线地图数据(支持谷歌、百度、高德等所有地图源) 发布时间:2019-03-12 版权:...另外一种是手机上用来导航的,比如高德地图APP,也可以下载离线地图数据,这个就是矢量的。 卫星影像地图都是金字塔瓦片,...
  • (百度、高德、谷歌)离线地图二次开发 发布时间:2019-04-10 版权: 1、如何搭建离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据) 3、添加离线地图数据到本地服务器 4、离线地图二次开发接口...
  • 由于高德原生的离线地图下载功能不完善,现特意自己修改了一些东西,现在可以正常下载和下载状态的保存,资源文件是Android高德离线地图完整版。
  • 离线地图开发环境支持谷歌地图、百度地图、高德地图等等所有常用地图类型,支持在局域网内的地图部署、二次开发。 2.实现 第一步:下载安装离线地图开发环境 ​下载地址: BIEGMAP离线地图服务器(开发版) 下载...
  • 高德离线地图Demo

    热门讨论 2014-09-09 17:49:07
    简单的修改了高德api中的离线地图,实现viewpager+fragment。将已下载和正在下载的资源放在另一个fragment中。高德的状态太乱还有一些下问题。希望一起研究学习
  • 高德3D 地图 SDK支持离线地图功能。(2D 地图 SDK 不支持离线地图功能)离线地图可满足在无网络环境下查看地图信息的需求,在设备本地有离线地图数据的情况下,SDK 会优先加载离线地图离线数据项 MAOfflineItem 包含...
  • 离线地图开发包:BMSERVER 介绍: WMTS(OpenGIS® Web Map Tile Service)当前版本是1.0.0。WMTS标准定义了一些操作,这些操作允许用户访问切片地图。WMTS可能是OGC首个支持RESTful访问的服务标准。 · WMTS...
  • 离线地图UI组件(推荐)自3D地图SDK v 5.7.0起,新增离线地图UI组件,组件涵盖城市下载、暂停、更新、删除以及关键字城市查询等功能,是高德地图客户端离线地图功能的一个子集,UI交互风格上靠拢高德地图...
  • 高德离线地图的使用场景还是很多的,但是他的api在国外,想参考api对网络差的朋友来说不是一件容易的事,对我来说一样,在这里整理下他的api内容。 注:本文是将官网api挪动出来,网好的童鞋想看原版的请点击官网...
  • 相关下载:ForLinux版本... BIGEMAP离线地图服务器,提供一站式搭建离线/在线地图数据服务器,支持40多种地图离线发布;提供快速WEB应用、WMTS、TMS、WMS等地图服务;支持二次开发调用;支持数据集管理、支持矢量数...
  • uniapp使用高德离线地图

    千次阅读 2021-12-20 10:18:32
    使用高德地图 相关的配置和申请去官网就可以(不想细说) 使用openlayer 使用原生sdk封装高德的离线地图在uniapp中用 第一种:使用openlayer加载离线瓦片 瓦片需要自己去下载 ol.css和ol.js两个文件我们可以到官网...
  • 另外一种是手机上用来导航的,比如高德地图APP,也可以下载离线地图数据,这个就是矢量的。 卫星影像地图都是金字塔瓦片,无矢量数据。 因此,我们所说的离线地图下载通常都是指离线地图金字塔瓦片数据下载。 ...
  • 搭建离线地图服务主要是... 第一步:打开离线服务端程序后,选择“添加离线地图”,(备注:离线地图是通过地图下载器下载的高德地图金字塔瓦片数据,除了高德地图你还可以下载其他任意的主流地图数据)如下图: ...
  • vue+高德离线地图vue-amap开发

    千次阅读 热门讨论 2020-08-14 16:08:37
    在使用多次高德离线地图的插件 vue-amap 感觉收获还是很多的,这里来整理下相关资料 效果图: 实现步骤:(源码在最下面) 一、安装插件 cnpm install vue-amap --save 二、template配置基础的地图组件 ...
  • 1、搭建离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据) 3、离线地图二次开发接口(离线地图API) 4、离线地图API接口实例DEMO 5、离线地图完整演示实例 技术支持 电话:4...
  • 如何下载高德离线地图瓦片数据

    千次阅读 2019-10-23 17:26:32
    离线地图开发环境支持谷歌地图、百度地图、高德地图等等所有常用地图类型,支持在局域网内的地图部署、二次开发。 2.实现 第一步:下载安装离线地图开发环境 BIEGMAP离线地图服务器(开发版) 下载安装好之后,...
  • 1、搭建离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据) 3、离线地图二次开发接口(离线地图API) 4、离线地图API接口实例DEMO 5、离线地图完整演示实例 ————————————————...
  • 安卓高德地图-(定位+离线UI组件自定义1)

    千次阅读 热门讨论 2017-07-14 21:14:47
    先去高德开放平台注册账号,网址:http://lbs.amap.com/ 之后再去控制台-应用管理找到自己的key,如下图所示 STEP2:集成前的准备 1、引入依赖, 项目build.gradle中加入: //定位 compile ...
  • 高德地图Amap离线地图的使用

    千次阅读 2020-04-20 11:58:01
    存方目录为根目录下的amap文件夹下,然后试着打开终端,发现加载离线地图最快也得有2分钟时间才能加载成功,后来我们尝试断开该终端的物联网网络,同时设置了高德加载离线数据 aMap.setLoadOfflineData(false); a...
  • 谷歌地球离线瓦片下载使用“迈高图-地图数据下载器”(以下简称:迈高图),演示数据以湖南省长沙市7~16级瓦片数据为例。下载演示数据迈高图选择谷歌地球为当前地图源,地图图层选择为卫星影像,并切换到下载工作模式...
  • (百度、高德、谷歌)离线地图二次开发 1、搭建离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据) 3、离线地图二次开发接口(离线地图API) 4、离线地图API接口实例DEMO 5、离线地图完整...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,701
精华内容 680
关键字:

高德地图离线开发