实现百度离线地图、个性化地图及3D WebGL离线地图

最新推荐文章于 2024-07-25 23:19:43 发布

bbarber

最新推荐文章于 2024-07-25 23:19:43 发布

阅读量3.4k

点赞数 1

分类专栏：工具文章标签： html javascript css

本文链接：https://blog.csdn.net/bbarber/article/details/114026207

版权

工具专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在工作项目中如果遇到需要实现离线地图的需求，其中百度离线离图的实现是非常简单容易的。

1. 可以实现基于图片瓦片的离线地图

2. 可以实现基于矢量瓦片的3D WebGL离线地图

3. 还可以通过编辑stylejson自定义离线地图。

详细的实现步骤请参相关的文章：http://www.wmksj.com/ 在其离线地图版块有对于每种实现的详细介绍

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bbarber

关注关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

使用百度地图JavaScript API构建离线地图应用（完整教程）

Stay Hungry

11-06

3万+

最近由于项目需要，需要在网页上构建地图应用，想到了百度地图API。但由于百度地图官方不支持JS离线地图，只有想出此办法实现，在此记录下来，希望能帮上需要的朋友。本教程是在一位仁兄的基础之上做的拓展，可以先参看一下——使用百度地图离线JavaScript API加载本地瓦片地图。此教程完整的Demo，可以在文章底部找到。效果图如下：具体实现步骤如下：一、获取百度地图API。此处版

百度离线使用百度地图离线JavaScript API加载本地瓦片地图 -java教程

04-25

738

最近笔者几篇文章介绍了改百度离线的文章. 关联文章的地址 1.首先取获百度 JavaScript API 首先用浏览器开打 http://api.map.baidu.com/api?v=1.3 如下图所示其中 http://api.map.baidu.com/getscript?v=1.3&key=&services=&t=20121108061854

4 条评论您还未登录，请先登录后发表或查看评论

百度离线地图使用

飞熊的博客

10-22

2719

百度离线地图使用因为项目要求可能在内网访问，就不能使用在线地图，需要使用离线地图。但是离线地图没接触过，不知道该怎么办，一点头绪都没有。整了好久出现了效果，下载就记录一下，作为自己学习和对别人分享的经验。整体流程分析# 这里只说百度地图的，因为我只做出来了百度地图的，高德、谷歌、天地图我都不会！百度地图官网API：http://lbsyun.baidu.com/jsdemo.htm#webgl0_1 首先百度地图官网是不提供web浏览器离线地图的资料的，都得自己找。瓦片图# .

webGL扫盲：Cesium.js,心心念念的地图框架库来了！

最新发布

weixin_41978174的博客

07-25

253

它的广泛应用领域包括GIS、地球科学、航空航天、军事模拟和训练等，为这些领域的研究、应用和教育提供了强大的工具和平台。它的高性能、丰富的功能和可扩展性，使得开发者能够快速实现复杂的地理应用，并为用户提供出色的交互和可视化体验。您可以根据自己的需求和具体的应用场景，使用Cesium.js提供的API进行更多的定制和扩展。其中，'longitude'、'latitude'和'height'是标记的经度、纬度和高度，'path/to/image.png'是标记的图片路径。Cesium.js是一个开源的。

制作百度地图离线JavaScript API加载本地瓦片地图

diaoshuo0506的博客

11-28

1041

1.首先获取百度 JavaScriptAPI 首先用浏览器打开http://api.map.baidu.com/api?v=1.3如下图所示其中http://api.map.baidu.com/getscript?v=1.3&key=&services=&t=20121108061854这个链接就是我们要找的API文件，同样在浏览器中打开它...

实现离线百度地图

aoju0739的博客

04-26

362

百度地图 3.0 WEB离线开发

qq_37497275的博客

06-03

5560

一、开场很多小伙伴又被公司逼迫的要开发啥离线地图啥的，我今天就来解决你们的痛苦，其实就是将js下载下来，将js中的加载地图瓦片路径改为自己本地的，下面认真看下去。二、步骤 1. 首先到百度地图API开发平台：http://lbsyun.baidu.com/index.php，申请一个应用，现在申请应用是免费的 2. 其次到V3.0 API文档这：http://lbsyun.baidu.com/jsdemo.htm#canvaslayer 将路由src的路径拷贝到浏览器中，在前面...

百度个性地图3D测试(WebGL V1.0).zip

12-22

【标题】"百度个性地图3D测试(WebGL V1.0).zip" 涉及的知识点主要集中在百度地图服务的WebGL版本上，这是一个基于Web的3D地图技术，用于提供更生动、立体的地理可视化体验。WebGL是一种在浏览器中运行的图形库，允许...

百度地图API和2D/3D地图的转换

热门推荐

通俗易懂

04-13

1万+

开发百度地图目录开发百度地图各个版本介绍简单操作2d和3d两种地图2d地图3d地图用途及注意点用途：注意点各个版本介绍 JavaScript API v2.0和v3.0：采用2D和卫星地图两种混用模式（标准版） JavaScript API GL v1.0：使用WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图 JavaScript APL Lite：专门针对移动端H5页面的使用场景，...

java开发百度地图瓦片_下载百度地图瓦片的方法

weixin_29485887的博客

02-13

1007

续上篇《Web版百度地图加载离线瓦片》，本文贴出下载瓦片的简易程序。百度地图瓦片的下载其实很容易，拿到下载链接然后批量下载就行了。不过由于需要按照规则来存储，最好自己写个程序去下载这些链接。否则就要使用人家已经做好的程序去下载了，这些很多都是需要收费的，或者有水印什么的。其实直接拿到地图窗口内的所有瓦片并非难事，跟踪一下脚本中的代码就行了。不过脚本是压缩混淆过的，读起来比较难。本文直接贴出来整理好...

百度地图 webgl矢量下载

06-19

总之，百度地图webgl矢量下载是一项非常实用的功能，它不仅丰富了百度地图的数据应用，也方便了用户下载矢量数据，满足了用户的个性化需求，同时也为相关领域的科研和开发提供了更多的数据资源。 ### 回答2：在...

百度地图WebGL离线版V1.0示例,包含3D地球模式

02-23

包含部分瓦片测试图，放在服务器环境下，打开webapps\map\index.html即可查看

离线个性化百度地图

01-20

根据百度地图api，定制的个人地图，用自己的地图图片替换原地图

百度离线地图完全脱离外网

03-04

百度离线地图2.0版本，完全脱离外网，有瓦片图，并且在百度地图上显示星星图标

百度离线地图 js api

11-26

自己改的百度离线地图API2.0，可以断网运行，包含 1.拉框放大,测距,画线，多边型等功能 2.自定缩放级别显示指定标签 3.快速定位及隐藏指定类型其他api项唯一一验证，抛砖引玉，待大家一起研究。

百度地图离线开发

04-14

里面有两个离线地图例子，1.3支持IE8,2.0支持IE9的，火狐和谷歌两个都支持，个人的360支持1.3的

百度地图内网开发项目案例（教程）

StewedQAQ的博客

06-05

2319

百度地图内网开发项目离线地图资源，完全可脱离互联网访问，正在发愁局域网或内网使用地图定位的小伙伴们福音来了。。。。。。哈哈哈哈哈！！！支持各大主流浏览器 IE7、8、9、10、11，火狐、360浏览器、谷歌浏览器点击下载DEMO 本次介绍的离线地图基于百度地图API进行离线开发，离线地图主要包括两大部分组成：一：离线地图API库文件（包含70个JS文件组成的整体部分）二:地图瓦片...

百度离线地图

baidu_32415931的博客

09-26

331

QQ群584859470

【web百度离线地图开发】原生实现百度地图离线版速览

可可的博客

12-27

2345

下载瓦片存放在nginx搭建的服务器上瓦片的存放，交给后端，前端只需要知道瓦片存放路径即可。第一步:把配置好的离线地图文件拖入public文件夹下。需求如下，在基于在线地图的基础上展现离线地图。vue页面中创建百度地图实例对象。在我的资源可以自行下载js文件。index.html中引入。vue中展示离线地图。