- 综合排序
- 最热优先
- 最新优先
- 来自专栏JSAPIThree
JSAPIThree 地图视野控制学习笔记：让地图动起来
作为一个刚开始学习 mapvthree 的小白，今天要学习地图视野控制了！听说这个模块可以控制地图的视角、缩放、旋转等，还能转换坐标！想想就激动！ 第一次听说地图视野控制今天在文档里看到了 engine.map 这个词，一开始我还以为是地图本身，结果查了一下才知道，原来这是用来控制地图视野的模块！ 文档说地图视野控制可以：控制地图的中心点位置控制地图的缩放级别控制地图的旋转角度控制地图的俯仰角转换坐标系统切换视野动画我的理解：简单说就是控制"怎么看地图"，比如看哪里、看多远、从什么角度看！ 我的学习总结经过这一天的学习，我掌握了：地图视野控制的作用：控制地图的视角、缩放、旋转等如何设置中心点：通过 setCenter() 设置如何控制缩放：通过 setRange() 或 setZoom() 下一步计划：学习更多高级的视野控制功能尝试创建复杂的视野切换动画做一个完整的地图导航项目学习笔记就到这里啦！作为一个初学者，我觉得地图视野控制虽然功能很多，但是用起来其实不难。
24910编辑于 2025-11-19 第一次接触 JSAPIThree（百度地图 JSAPI Three）学习笔记
作为一个前端小白，今天要开始学习百度地图的 JSAPI Three（也叫 mapvthree）了！听说这是一个超强的 3D 地图渲染引擎，可以做出很酷炫的三维地图效果。想想就激动！ 让我记录下学习的过程吧！第一天：听说 JSAPIThree今天在项目里看到了一个新需求，要用 3D 地图展示数据。 我一开始还以为是普通的百度地图 API，结果同事说要用 JSAPIThree，这是百度地图的 3D 渲染引擎。我的第一反应：3D 地图？听起来好高级！但是会不会很难啊？ 查了一下资料才知道：JSAPIThree = 百度地图 JSAPI Three也叫 mapvthree（这是 npm 包名）基于 Three.js 开发可以做二三维一体化的地图渲染我的理解：简单说就是百度地图的 我的学习总结经过这几天的学习，我掌握了：安装和配置：安装依赖包配置静态资源配置百度地图 AK基础使用：初始化引擎配置地图参数添加可视化组件添加 3D 模型添加交互事件引擎属性：engine.map：地图控制
38610编辑于 2025-11-17- 来自专栏JSAPIThree
JSAPIThree 加载天地图学习笔记：使用天地图影像服务
作为一个刚开始学习 mapvthree 的小白，今天要学习加载天地图了！听说这个功能可以加载天地图的影像服务，作为场景的底图！想想就期待！ 第一次听说天地图加载今天在文档里看到了"天地图"这个词，一开始我还以为是某个地图库，结果查了一下才知道，原来这是国家基础地理信息中心提供的地图服务！ 文档说天地图加载可以：加载天地图影像服务需要配置 token可以作为场景的底图我的理解：简单说就是"用天地图的影像服务"，让场景有天地图风格的地图底图！ 我的学习总结经过这一天的学习，我掌握了：配置天地图 Token：全局配置或临时配置加载天地图：使用 TiandituImageryTileProviderMapView 结构：理解天地图在 MapView 下一步计划：学习更多影像图层的配置选项尝试创建复杂的图层叠加效果做一个完整的地图展示项目学习笔记就到这里啦！作为一个初学者，我觉得天地图加载虽然配置有点复杂，但是用起来其实不难。
23710编辑于 2025-12-09 - 来自专栏JSAPIThree
JSAPIThree 地图投影学习笔记：理解坐标系统
作为一个刚开始学习 mapvthree 的小白，今天要学习地图投影了！听说这个系统可以控制地图的坐标系统，不同的投影方式有不同的效果！想想就好奇！ 第一次听说地图投影今天在文档里看到了"投影"这个词，一开始我还以为是投影仪那种投影，结果查了一下才知道，原来这是地图学里的概念！ ，像普通的地图EPSG:4978：球体地图，像真实的地球我的感受：不同的投影真的有完全不同的视觉效果！ 我的学习总结经过这一天的学习，我掌握了：地图投影的作用：将地球表面的地理坐标转换为平面坐标引擎支持的投影类型：Web 墨卡托投影（EPSG:3857）- 默认，适合普通地图ECEF 投影（EPSG:4978 下一步计划：深入学习不同投影的数学原理尝试在不同投影下做数据可视化做一个完整的投影对比项目学习笔记就到这里啦！作为一个初学者，我觉得地图投影虽然概念有点抽象，但是用起来其实不难。
23210编辑于 2025-11-24 - 来自专栏JSAPIThree
JSAPIThree 加载 Mapbox 数据学习笔记：使用 Mapbox 矢量瓦片地图
作为一个刚开始学习 mapvthree 的小白，今天要学习加载 Mapbox 数据了！听说这个功能可以加载 Mapbox 的矢量瓦片地图，还能自定义样式！想想就期待！ 风格的地图底图！ 第二步：加载 MVT 地图看到需要配置 AccessToken 后，我想：怎么加载 Mapbox 地图？文档说可以用 MapboxVectorTileProvider 来加载 MVT 地图！ 解决：MapView 性能开销较大，尽可能少创建 MapView 实例选择合适的地图样式，避免过于复杂我的学习总结经过这一天的学习，我掌握了：配置 Mapbox AccessToken：全局配置或临时配置加载 下一步计划：学习更多 Mapbox 样式的配置选项尝试创建自定义的 Mapbox 样式做一个完整的 Mapbox 地图展示项目学习笔记就到这里啦！
27610编辑于 2025-12-05 - 来自专栏JSAPIThree
JSAPIThree 标签使用学习笔记：在地图上添加文字和图标
作为一个刚开始学习 mapvthree 的小白，今天要学习标签功能了！听说这个功能可以在地图上添加文字和图标，用来显示地点名称、数值信息等！想想就实用！ 第一次听说标签功能今天在文档里看到了"标签"这个词，一开始我还以为是 HTML 的标签，结果查了一下才知道，原来这是在地图上显示文字和图标的功能！ 文档说标签可以：展示地点名称显示数值信息显示状态提示添加图标和文字组合我的理解：简单说就是在地图上"贴标签"，就像给地图上的位置加个说明一样！ 我的学习总结经过这一天的学习，我掌握了：如何添加标签：通过 engine.rendering.label.addLabel() 添加文字标签：设置 text 属性图标标签：设置 mapSrc 属性组合标签 学习笔记就到这里啦！作为一个初学者，我觉得标签功能虽然参数很多，但是用起来其实不难。关键是要理解每个参数的作用，然后根据需求合理配置！希望我的笔记能帮到其他初学者！大家一起加油！
15110编辑于 2025-11-25 - 来自专栏hrscy
iOS百度地图开发之路径规划
路线规划 示例程序 使用百度地图SDK版本为2.9.1。 *sheet = [[FMActionSheet alloc] initWithTitle:@"导航方式" buttonTitles:[NSArray arrayWithObjects:@"用手机自带地图导航 ", @"百度地图", nil] cancelButtonTitle:@"取消" delegate:(id<FMActionSheetDelegate>)self]; sheet.tag = 103 [self openIOSMapNav]; } else if (buttonIndex == 1) { //打开百度地图客户端导航 [self } else { UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"您的手机没有安装百度地图
1.5K30发布于 2018-08-30 - 来自专栏JSAPIThree
JSAPIThree 加载 WMS、WMTS 和通用栅格图学习笔记：标准地图服务与切图规则
在实际项目中，我们经常需要加载各种标准地图服务，比如 WMS、WMTS，或者自定义的 XYZ 格式瓦片。今天就来学习一下如何在 mapvthree 中使用这些服务，以及理解不同的瓦片切图规则。 了解标准地图服务在 GIS 领域，有几种常见的地图服务标准：WMS（Web Map Service）：Web 地图服务，通过 HTTP 请求获取地图图片WMTS（Web Map Tile Service 第一步：加载 WMS 服务WMS 是 OGC 标准的 Web 地图服务，通过参数化的 HTTP 请求获取地图图片。 我的学习总结经过这一天的学习，我掌握了：WMS 服务：动态生成地图图片，需要配置服务 URL 和请求参数WMTS 服务：使用预切好的瓦片，性能更好，支持 URL 占位符XYZ 格式：最通用的瓦片格式，支持自定义服务切图规则 下一步计划：学习更多地图服务的配置选项尝试创建自定义的瓦片服务做一个完整的地图展示项目学习笔记就到这里啦！作为一个初学者，我觉得标准地图服务虽然配置有点复杂，但是用起来其实不难。
35510编辑于 2025-12-11 - 来自专栏JSAPIThree
JSAPIThree 数据源系统学习笔记：让数据在地图上可视化
作为一个刚开始学习 mapvthree 的小白，今天要学习数据源系统了！听说这个系统可以把各种格式的数据加载到地图上，还能让数据可视化！想想就实用！ 我的尝试：// 点击地图添加点engine.map.addEventListener('click', e => { if (! size', properties => { return properties.count * 2;});// 绑定数据源point.dataSource = dataSource;// 点击地图添加点 解决：更新整个数据源：使用 setData添加/删除数据：使用 add/remove修改属性：使用 setAttributeValues修改坐标：使用 setCoordinates我的学习总结经过这一天的学习 下一步计划：学习更多数据源的配置选项尝试处理复杂的数据格式做一个完整的数据可视化项目学习笔记就到这里啦！作为一个初学者，我觉得数据源系统虽然功能很多，但是用起来其实不难。
21410编辑于 2025-12-02 - 来自专栏全栈程序员必看
页面中插入百度地图（使用百度地图API）
.aspx代码例如以下： <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”插入地图.aspx.cs” Inherits=”插入地图” %>
1.1K20编辑于 2022-07-06 - 来自专栏移动开发专栏
Android 地图导航调用百度地图、高德地图、腾讯地图
最关键的是，当下地图并非一家独大，客户应该有自主选择的权利，你集成了百度，但用户却钟爱于高德，这极为尴尬。 BD09：百度坐标系，在GCJ02坐标系基础上再次加密。其中BD09LL表示百度经纬度坐标，BD09MC表示百度墨卡托米制坐标。 break; } } 2，弹窗 private void showMapList() { final String[] mapNames = {"百度地图 百度地图 参数说明： 参数以字符串拼接的方式即可，这里用StringBuffer拼接，比String易读些。 文档 百度地图 高德地图 腾讯地图 https://blog.csdn.net/Ever69/article/details/82427085
4.8K20编辑于 2022-06-10 - 来自专栏全栈程序员必看
百度地图总结
公司做大数据展示需要用百度地图，使用的一点心得体会： 1.首先是百度官网申请ak秘匙，我这里有两个 2.百度地图例子参考多看 http://lbsyun.baidu.com/index.php? title=jspopular/guide/widget 3.百度地图 JavaScript API 要熟 http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html #a3b9 4.百度地图个性化地图在线编辑（非常有用，里面的案例怎么设置的一定要参考） 使用指南：http://lbsyun.baidu.com/img-editor.html 在线编辑地址：http: //lbsyun.baidu.com/custom/ 5.echarts万能图表，相当实用 下面总结一些操作百度的方法： 1.百度地图去掉marker覆盖物或者去掉maker的label文字 var marker 建议使用方法1和方法2，方法3只是隐藏而不是清除 2.百度地图获取所有覆盖物 map.getOverlays() let allOverlay = map.getOverlays() for
1.9K10编辑于 2022-06-29 - 来自专栏JokerDJ
百度地图api
百度地图api api地址 http://lbsyun.baidu.com/ 注册账号 查看api 要先进行注册账号和申请密钥（ak）才可使用该服务，接口无使用次数限制，请放心使用 创建应用 申请账号为开发账号 point = new BMapGL.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图 设置地图的旋转角度和倾斜角度 map.setHeading(64.5); //设置地图旋转角度 map.setTilt(73); //设置地图的倾斜角度 变更地图类型为地球 map.setMapType (BMAP_EARTH_MAP); // 设置地图类型为地球模式 添加控件 添加缩放控件 var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件 = new BMapGL.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中
75510编辑于 2023-11-27 - 来自专栏后端码事
js 百度地图
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="<em>百度</em><em>地图</em> ,<em>百度</em><em>地图</em>API，<em>百度</em><em>地图</em>自定义工具，<em>百度</em><em>地图</em>所见即所得工具" /> <meta name="description" content="<em>百度</em><em>地图</em>API自定义<em>地图</em>，帮助用户在可视化操作下生成<em>百度</em><em>地图</em>" /> <title>百度地图API自定义地图</title> <! --百度地图容器-->
</ createMap(){ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var point = new3.2K20发布于 2020-09-11 - 来自专栏進无尽的文章
地图| 百度地图源码级使用大全
本文基于一个百度地图上的需求实现，记录下百度地图使用中的点滴，后续会持续更新。 地图上自定义可点击的展示框 ? 地图.gif 需求：在地图上展示区县的数据并可以点击查看下一级区域的数据： 实现的过程： 使用百度地图SDK逆向地址解析所有网络返回的地区的经纬度（市级别的地级区在逆向解析的时候，需要加上上一层的市名称 由于百度地图自带的BMKAnnotationView 中默认的是大头针，可以设置自定义图片（替换大头针），但是就是无法在地图上放置Label显示文字，本来想让所有大头针的气泡都默认弹出（设置 selected 隐藏百度地图的Logo ? 知道百度地图SDK中的类继承关系有助于我们了解、使用、自定义设置百度地图。 ---- 可看的相关文章 百度地图绘制点标记（大头针） 百度地图深度使用
2.1K30发布于 2018-09-12 - 来自专栏向治洪
百度地图聚合
一、牛人们的想法 下面是我参考的有关的博客，下面将一一列举 1.MarkerCluster之百度地图版 http://hi.baidu.com/liongg/item/d8adece188fbfb11585dd89f GoogleMap标注物聚合解决办法 http://www.svennerberg.com/2009/01/handling-large-amounts-of-markers-in-google-maps/ 4.百度地图官网上已经有 JS版的标注物聚合实例与原文件，建议看百度地图上的代码，规范且函数注释明确。 百度地图javascript开源库： http://developer.baidu.com/map/library.htm ? 二、我的思路 1.下面以一个流程图来表述我的想法。 ? return true; } return false; } } 3.工程demo代码下载，地图标注物聚合
2.1K50发布于 2018-01-29 百度地图MapVThree Editor：地图编辑
MapVThree Editor类 是一个功能强大超好用的地图编辑工具，让你用几行代码就能实现专业的地图绘制和编辑功能！ 为什么要聊这个？ 最近在做地图相关的项目时，总会遇到这样的需求：需要让用户在地图上画点什么，比如标记区域、规划路线、添加标注点等等。 它把复杂的地图编辑功能都封装好了，你只需要调用几个简单的 API，就能实现专业级的地图编辑体验。是不是听起来就很棒？ ✨ 快速上手：从零开始第一步：初始化编辑器首先，咱们得有个地图引擎，然后把 Editor 添加进去：// 创建地图引擎const engine = new mapvthree.Engine(document.getElementById editor.start();用户现在就可以在地图上画多边形了！是不是超简单？第三步：监听事件绘制完成后你肯定想知道吧？
29810编辑于 2025-12-26- 来自专栏编程语言
Swift 打开三方地图 腾讯地图、百度地图、高德地图、Apple 地图
dname: coortitle, way: 0) })) alert.addAction(UIAlertAction(title: "百度地图 app/id481623196" self.openURL(urlString: urlString) } } // 打开百度地图 str = urlString as String if self.openMap(str) == false { print("您还没有安装百度地图 } else { UIApplication.shared.openURL(url ) } } // 高德经纬度转为百度地图经纬度 // 百度经纬度转为高德经纬度，减掉相应的值就可以了。
4.1K20发布于 2020-09-11 - 来自专栏移动开发专栏
Android 百度地图定位
准备工作 1.打开百度地图开放平台，找到功能与服务，选择定位，点击Android 定位SDK（v7.5），然后这就是官方文档了。
1.3K20编辑于 2022-06-10 - 来自专栏向治洪
百度地图开发1
最近自己想研究下地图，本来想研究google Map，但是申请API key比较坑爹，于是从百度地图入手，其实他们的用法都差不多，本篇文章就带领大家在自己的Android项目中加入百度地图的功能，接下来我会写一系列关于百度地图的文章 一 申请API key 在使用百度地图之前，我们必须去申请一个百度地图的API key，申请地址http://lbsyun.baidu.com/apiconsole/key，自己自行注册一个百度账号，很快就能申请到的 API库 要在Android应用中使用百度地图API，就需要在工程中引用百度地图API开发包，下载地址http://developer.baidu.com/map/sdkandev-download.htm ，下载Android SDKv2.1.3 lib库就行了 三、在Android项目中引用百度地图 新建Android项目 BaiduMapDemo,然后将百度地图API库加入工程，如下图 ? 在布局文件中添加百度地图控件， <?xml version="1.0" encoding="utf-8"?
2.3K70发布于 2018-01-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号