首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏JSAPIThree

    JSAPIThree 地图视野控制学习笔记:让地图动起来

    作为一个刚开始学习 mapvthree 的小白,今天要学习地图视野控制了!听说这个模块可以控制地图的视角、缩放、旋转等,还能转换坐标!想想就激动! 文档说地图视野控制可以:控制地图的中心点位置控制地图的缩放级别控制地图的旋转角度控制地图的俯仰角转换坐标系统切换视野动画我的理解:简单说就是控制"怎么看地图",比如看哪里、看多远、从什么角度看! 坑 5:坐标转换时没有创建输出对象原因:坐标转换时没有创建输出对象。解决:坐标转换需要提供输出对象,比如 new THREE.Vector3()。 我的学习总结经过这一天的学习,我掌握了:地图视野控制的作用:控制地图的视角、缩放、旋转等如何设置中心点:通过 setCenter() 设置如何控制缩放:通过 setRange() 或 setZoom() 下一步计划:学习更多高级的视野控制功能尝试创建复杂的视野切换动画做一个完整的地图导航项目学习笔记就到这里啦!作为一个初学者,我觉得地图视野控制虽然功能很多,但是用起来其实不难。

    26910编辑于 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:地图控制

    40810编辑于 2025-11-17
  • 来自专栏JSAPIThree

    JSAPIThree 加载天地图学习笔记:使用天地图影像服务

    作为一个刚开始学习 mapvthree 的小白,今天要学习加载天地图了!听说这个功能可以加载天地图的影像服务,作为场景的底图!想想就期待! 第一次听说天地图加载今天在文档里看到了"天地图"这个词,一开始我还以为是某个地图库,结果查了一下才知道,原来这是国家基础地理信息中心提供的地图服务! 文档说天地图加载可以:加载天地图影像服务需要配置 token可以作为场景的底图我的理解:简单说就是"用天地图的影像服务",让场景有天地图风格的地图底图! 我的学习总结经过这一天的学习,我掌握了:配置天地图 Token:全局配置或临时配置加载天地图:使用 TiandituImageryTileProviderMapView 结构:理解天地图在 MapView 下一步计划:学习更多影像图层的配置选项尝试创建复杂的图层叠加效果做一个完整的地图展示项目学习笔记就到这里啦!作为一个初学者,我觉得天地图加载虽然配置有点复杂,但是用起来其实不难。

    24610编辑于 2025-12-09
  • 来自专栏JSAPIThree

    JSAPIThree 地图投影学习笔记:理解坐标系统

    作为一个刚开始学习 mapvthree 的小白,今天要学习地图投影了!听说这个系统可以控制地图的坐标系统,不同的投影方式有不同的效果!想想就好奇! 投影 5:高斯克吕格投影const engine = new mapvthree.Engine(container, { map: { projection: 'EPSG:4491' 坑 5:坐标转换问题原因:数据投影和目标投影不一致,但没有正确设置。解决:确保数据源的投影设置正确,引擎会自动转换。 我的学习总结经过这一天的学习,我掌握了:地图投影的作用:将地球表面的地理坐标转换为平面坐标引擎支持的投影类型:Web 墨卡托投影(EPSG:3857)- 默认,适合普通地图ECEF 投影(EPSG:4978 下一步计划:深入学习不同投影的数学原理尝试在不同投影下做数据可视化做一个完整的投影对比项目学习笔记就到这里啦!作为一个初学者,我觉得地图投影虽然概念有点抽象,但是用起来其实不难。

    24310编辑于 2025-11-24
  • 来自专栏JSAPIThree

    JSAPIThree 加载 Mapbox 数据学习笔记:使用 Mapbox 矢量瓦片地图

    作为一个刚开始学习 mapvthree 的小白,今天要学习加载 Mapbox 数据了!听说这个功能可以加载 Mapbox 的矢量瓦片地图,还能自定义样式!想想就期待! 风格的地图底图! 第二步:加载 MVT 地图看到需要配置 AccessToken 后,我想:怎么加载 Mapbox 地图?文档说可以用 MapboxVectorTileProvider 来加载 MVT 地图! 解决:MapView 性能开销较大,尽可能少创建 MapView 实例选择合适的地图样式,避免过于复杂我的学习总结经过这一天的学习,我掌握了:配置 Mapbox AccessToken:全局配置或临时配置加载 下一步计划:学习更多 Mapbox 样式的配置选项尝试创建自定义的 Mapbox 样式做一个完整的 Mapbox 地图展示项目学习笔记就到这里啦!

    28710编辑于 2025-12-05
  • 来自专栏JSAPIThree

    JSAPIThree 标签使用学习笔记:在地图上添加文字和图标

    作为一个刚开始学习 mapvthree 的小白,今天要学习标签功能了!听说这个功能可以在地图上添加文字和图标,用来显示地点名称、数值信息等!想想就实用! 第一次听说标签功能今天在文档里看到了"标签"这个词,一开始我还以为是 HTML 的标签,结果查了一下才知道,原来这是在地图上显示文字和图标的功能! 文档说标签可以:展示地点名称显示数值信息显示状态提示添加图标和文字组合我的理解:简单说就是在地图上"贴标签",就像给地图上的位置加个说明一样! 坑 5:标签位置不对原因:经纬度顺序写反。解决:确保坐标格式是 [经度, 纬度, 高度],经度在前。 我的学习总结经过这一天的学习,我掌握了:如何添加标签:通过 engine.rendering.label.addLabel() 添加文字标签:设置 text 属性图标标签:设置 mapSrc 属性组合标签

    15710编辑于 2025-11-25
  • 来自专栏hrscy

    iOS百度地图开发之路径规划

    路线规划 示例程序 使用百度地图SDK版本为2.9.1。 路线的标注 */ @interface RouteAnnotation : BMKPointAnnotation { int _type; ///<0:起点 1:终点 2:公交 3:地铁 4:驾乘 5: ", @"百度地图", 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 解决:检查服务地址是否可访问考虑使用 CDN 加速对于自定义服务,确保服务器性能足够坑 5:某些缩放级别没有瓦片原因:服务只提供了特定缩放级别的瓦片。 我的学习总结经过这一天的学习,我掌握了:WMS 服务:动态生成地图图片,需要配置服务 URL 和请求参数WMTS 服务:使用预切好的瓦片,性能更好,支持 URL 占位符XYZ 格式:最通用的瓦片格式,支持自定义服务切图规则 下一步计划:学习更多地图服务的配置选项尝试创建自定义的瓦片服务做一个完整的地图展示项目学习笔记就到这里啦!作为一个初学者,我觉得标准地图服务虽然配置有点复杂,但是用起来其实不难。

    41010编辑于 2025-12-11
  • 来自专栏JSAPIThree

    JSAPIThree 数据源系统学习笔记:让数据在地图上可视化

    作为一个刚开始学习 mapvthree 的小白,今天要学习数据源系统了!听说这个系统可以把各种格式的数据加载到地图上,还能让数据可视化!想想就实用! 我的尝试:// 点击地图添加点engine.map.addEventListener('click', e => { if (! 坑 5:数据更新不生效原因:使用了错误的方法更新数据。 解决:更新整个数据源:使用 setData添加/删除数据:使用 add/remove修改属性:使用 setAttributeValues修改坐标:使用 setCoordinates我的学习总结经过这一天的学习 下一步计划:学习更多数据源的配置选项尝试处理复杂的数据格式做一个完整的数据可视化项目学习笔记就到这里啦!作为一个初学者,我觉得数据源系统虽然功能很多,但是用起来其实不难。

    22610编辑于 2025-12-02
  • 来自专栏天天

    H5(drag,百度地图使用,requestFullscreen,H5应用缓存)

    /div>

    3
    4
    5< } function err(err){ console.log(err); console.log('获取用户位置失败') } </script> 5. var wd = position.coords.latitude; var jd = position.coords.longitude; //百度地图的 API,多看文档 //实例化一个百度地图对象 var point = new BMap.Point(jd,wd); console.log(point) --HTML5 应用缓存-->

    2.2K10发布于 2018-09-29
  • 来自专栏钱塘大数据

    5亿百度地图大数据:揭秘北上广深真相

    作为一线城市,北上广深人口吸引力分列前四,虽然最近逃离北上广的呼声很高,但大城市毕竟拥有更多的机遇和空间,安放得下年轻人的梦想和野心。紧随其后的是东莞、苏州、成都、重庆、杭州、佛山等城市,这些城市没有北上广的压力,宜居宜业,同样有很大吸引力。此外类似无锡、厦门等一些二三线城市也颇受青睐。 2017年主要城市年度新流入人口数量与城市常驻人口数量呈正相关,相关系数达0.92,即城市常驻人口越多,吸引到的新流入人口也越多;同时通过城市常驻人口。 与新流入人口排名折线图来看,惠州、中山、金华、合肥、嘉兴

    89270发布于 2018-02-28
  • 来自专栏EdisonTalk

    MySQL核心知识学习之路5

    作为一个后端工程师,想必没有人没用过数据库,跟我一起复习一下MySQL吧,本文是我学习《MySQL实战45讲》的总结笔记的第五篇,总结了MySQL索引相关的实践使用问题。 上一篇:MySQL核心知识学习之路(4) 1 普通索引与唯一索引如何选择? 先说结论 查询性能对比上普通索引和唯一索引差别不大。 示例: select count(distinct left(email,4))as L4, count(distinct left(email,5))as L5, count(distinct left

    74320发布于 2021-03-04
  • 来自专栏智慧协同

    我的NodeJS学习之路5(路由设计)

    NodeJS路由规范遵循RESTful 规范,更多有关RESTful的相关知识请参考RESTful API 设计指南

    89120发布于 2019-06-13
  • 来自专栏跟牛老师一起学WEBGIS

    H5中唤起百度或高德地图并规划路径

    概述 本文分享在H5中唤起手机中的高德地图百度地图APP,并传入起始位置规划路径。 location">

    <button id="amap">高德</button> <button id="bdmap">百度

    1.3K10编辑于 2024-12-30
  • 来自专栏Alter聊科技

    5亿用户呼唤“小度小度”,百度地图掌舵AI赛道

    撰文 / 张贺飞 编辑 / 沈洁 百度地图对外披露了一组新数据: 截止到2021年9月底,百度地图的智能语音助手用户量突破5亿,个性化定制语音包每日播报次数达2亿、累计下载量超过1.5亿,同时百度地图的全景照片超过 20亿张…… 有别于日活、月活、用户规模等传统的数据维度,百度地图这一次将重心放在了AI层面,不管是智能语音、个性化定制语音包,还是全景照片的应用场景,都离不开语音识别、语音合成、自然语言处理、深度学习 大抵也是百度地图公布5亿智能语音用户量的诱因,预示着国内近一半的网民通过语音与百度地图交互,新的用户习惯已经构建,地图有了另一种大众化的打开方式。 百度地图的使命正在于此。 百度地图担纲了用户习惯培养的重任,当“小度小度”成为5亿用户打开地图的新方式,意味着百度地图已经提前抢占了用户心智,和用户建立了高粘性的连接。 以道路数据采集后端的数据处理为例,传统的做法是手工标注,但在百度地图的采集工作中,利用影像深度学习、全景图像自动识别以及多源数据自动差分等技术,可以自动识别提取道路上的POI、车道线、路牌等数据,自动生成道路的全景照片

    68720编辑于 2023-01-13
  • 来自专栏花狗在Qt

    java学习之路5.字符串操作

    String num1="22045612"; String num2="21304578"; num1.startsWith("22");//为真 num1.endsWith("22");//为假 5.

    77351发布于 2020-10-28
  • 来自专栏农历七月廿一

    H5学习之路之audio音频播放

    很简单,H5学习本身应该是一个系统的学习过程,虽然很多的东西都是会的,但是没有总结过,也不知道自己究竟对H5了解多少,爱有多深,所以在这里装作自己好像对H5很了解的样子,写一个记录性质的博文。 进行一次系统的总结和学习。 今天学习的是audio音频播放的属性 我们都知道,其实在H5之前是没有只在网页上播放音频的标准的,之前大多数的解决办法是运用Flash,甚至是一直用来很长的一段时间,直到H5的出现,基本上定了网页播放音频的标准

    1.4K30发布于 2020-05-29
  • 来自专栏用户2442861的专栏

    Qt学习之路_5(Qt TCP的初步使用)

    http://www.cnblogs.com/tornadomeet/archive/2012/06/30/2571001.html        在上一篇博文Qt学习之路_4(Qt UDP的初步使用)  中,初步了解了Qt下UDP的使用,这一节就学习下TCP的使用。 当然了,本文还是参考的《Qt及Qt Quick开发实战精解》一书中的第5个例子,即局域网聊天工具中的UDP聊天和TCP文件传送部分。 ui->serverStatusLabel->setText(tr("已发送 %1MB (%2MB/s) " "\n共%3MB 已用时:%4秒\n估计剩余时间:%5秒 >setText(tr("已接收 %1MB (%2MB/s) " "\n共%3MB 已用时:%4秒\n估计剩余时间:%5

    3.7K10发布于 2018-09-20
  • 来自专栏娱乐心理测试

    高德与百度地图坐标的相互转化(IOS和h5

    IOS高德坐标转百度 +(CLLocationCoordinate2D) bd_decrypt:(double)gg_lat gg_lon:(double)gg_lon { double x = CLLocationCoordinate2DMake(z * sin(theta)+0.006, z * cos(theta)+0.0065); return coordinate; } IOS百度坐标转高德 coordinate = CLLocationCoordinate2DMake(z * sin(theta), z * cos(theta)); return coordinate; } H5高德坐标转百度 0.0065; var gg_lat = z * Math.sin(theta) + 0.006; return {bd_lon: gg_lng,bd_lat: gg_lat}; } H5百度坐标转高德

    1.2K30发布于 2019-03-15
  • 来自专栏Rattenking

    ES6学习之路5----数组方法

    [1, 2, 3, 4, 5].copyWithin(0, 1, 2);//[2, 2, 3, 4, 5] [1, 2, 3, 4, 5].copyWithin(0, -2, -1);//[4, 2, 3, 4, 5] 4.find() 和 findIndex() find() find方法,用于找出第一个符合条件的数组成员。 [1,3,5,7,9].find(n => n > 6);//7 [1,3,5,7,9].find(n => n < 1);//undefined findIndex() findIndex方法的用法与 [1,3,5,7,9].findIndex(n => n > 6);//3 [1,3,5,7,9].findIndex(n => n < 1);//-1 从上边的实例中我们发现和indexOf方法一样, 5.fill() fill方法使用给定值,填充一个数组。

    40220发布于 2021-01-30
领券