百度地图-个性化地图用法

最新推荐文章于 2023-06-30 14:07:07 发布
最新推荐文章于 2023-06-30 14:07:07 发布
阅读量4.9k 收藏 8
点赞数 3
分类专栏： 百度地图api 文章标签： 百度地图api
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinsefeixingchuan/article/details/122882551
版权

个性化地图

效果
在这里插入图片描述

登录 百度地图api官网
点击开发文档->个性化地图编辑器
在这里插入图片描述
开始使用
在这里插入图片描述
点击新建
在这里插入图片描述
选一个免费的模板 点击使用
在这里插入图片描述
点击编辑JSON 复制所有json代码
在这里插入图片描述
将复制的json对象赋值给styleJson 对象
map.setMapStyleV2({ styleJson: styleJson });即可渲染地图

在这里插入图片描述

星银色飞行船
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
百度地图 功能模块完整版 开发指南
04-07
百度地图iOS SDK v2.10.0 Sample共有23个Demo,每个Demo的说明如下： ------------------------------------------------------------------------------------- 一、 Demo名称：基本地图功能 文件名： MapViewBaseDemoViewController.mm 简介：创建一张百度地图并管理地图的生命周期 详述： （1）创建一张最简单的百度地图； （2）管理地图的生命周期，具体请参看代码部分的相关注释； ------------------------------------------------------------------------------------- 二、 Demo名称：多地图展示功能 文件名： MultiMapViewDemo.mm 简介：在一个页面中创建多个地图 详述： （1）在一个页面内创建多个相互独立的地图 （2）地图Logo位置变更，支持6个位置 ------------------------------------------------------------------------------------- 三、 Demo名称：图层展示功能 文件名： MapViewDemoViewController.mm 简介：展示普通图、卫星图、路况图和路况卫星图 详述： （1）详情请参考代码部分或官网开发指南相关章节； ------------------------------------------------------------------------------------- 四、 Demo名称：地图操作功能 文件名： MapViewControlDemoViewController.mm 简介：介绍平移和缩放地图，双指操作地图，监听地图点击事件 详述： （1）介绍地图缩放级别、旋转度和俯视度的get和set方法； （2）监听单击、双击和长按地图事件； （3）单击、双击或长按地图获取该点的经纬度坐标； （4）对地图显示内容进行截图； ------------------------------------------------------------------------------------- 五、 Demo名称：UI控制功能 文件名： MapViewUISettingDemoViewController.mm 简介：介绍开关手势功能和显示隐藏UI控件 详述： （1）地图操作开关：平移、缩放； （2）控件显示开关：显示/隐藏比例尺控件； （3）指南针位置控制：显示在地图左上角或者右上角（仅举例），开发者可据实际情况任意改变位置； （4）禁用所有手势：控制是否一并禁止所有手势。 （5）设置边界区域：给地图增加边界。地图可操作区域和控件显示，都被限制在地图设定的边界内； （6）您还可以参照开发文档控制比例尺的显示位置； ------------------------------------------------------------------------------------- 六、 Demo名称：定位功能 文件名： LocationDemoViewController.mm 简介：介绍定位图层的基本用法 详述： （1）介绍如何开始定位和停止定位； （2）默认定位的状态显示为普通态，v2.0.2版本开始提供定位的跟随态和罗盘态； （3）开发者可以自己修改icon_center_point.png和[email protected]资源修改默认的定位图标； （4）支持开发者自行定义精度圈边框和填充区域的颜色。 ------------------------------------------------------------------------------------- 七、 Demo名称：覆盖物功能 文件名： AnnotationDemoViewController.mm 简介：介绍使用SDK内置方法绘制点线面等几何图形和如何添加标注 详述： （1）内置覆盖物标签： a、使用内置方法绘制几何图形； b、通过BMKMapView的addOverlay接口添加一个覆盖物； c、开发者可以实现BMKMapViewDelegate中mapView:viewForOverlay；接口，提供要添加到地图中的 标注的BMKOverlayView，开发者可以扩展此类丰富更多的功 （2）添加标注标签： a、给标注添加落下的动画效果，点击标注可弹出对话框，还可以拖拽标注； b、通过BMKMapView的addAn
百度地图瓦片下载工具.zip
06-17
百度瓦片下载工具，适用于离线地图的开发者，使用方法查看我的博客 https://blog.csdn.net/LZY_1993/article/details/118000213
百度地图开发(五)个性化地图
lanrenxiaowen的博客
10-25 4756
 效果图: 步骤: 1:在http://lbsyun.baidu.com/customv2/index.html里面编辑自己想要的个性化地图 2:编辑完成之后下载下来,是一个json格式的文件 3:把json文件放入到自己的as项目里面 准备工作就已经做完了,下面就是代码部分: 布局文件: <?xml version="1.0" encoding="utf-8"?&g...
百度地图个性化编辑以及使用
热门推荐
u013778491的博客
01-09 1万+
  1、首先去百度的http://lbsyun.baidu.com/customv2/index.html去编辑想要的效果，然后下载它的json文件 2、设置json路径：在oncreat方法里面加入 注意：MapView.setCustomMapStylePath("/mnt/sdcard/style_json.json");此方法放在setContentView(R.layout.xx...
百度地图使用个性化地图
Wind060100的博客
09-15 1369
老版个性化地图 var mapStyle = { style: "dark" }; map.setMapStyle(mapStyle); style中是模板下方的英文名称 模板地址 百度个性化地图 - 模板列表 新版个性化地图就更加简单了 map.setMapStyleV2({ styleId: 'js样式id' }); 填入你新建地图模板的样式id就行了 不过要注意的是新版地图只能在3.0版本中才能使用所以在引用是请注意引用的版本 ...
百度个性化地图使用
VipPetergee的博客
09-28 7718
工作需要，看了下百度个性化地图，参照开发文档修改了下，发现一些小的细节容易被忽略，导致个性化地图设置，不起作用，下面我针对Fragment和Activity中接入进行简单介绍 先看下默认主题显示效果图，方便大家对照 1、官方文档接入说明     告诉我你看懂了吗，反正我没看懂 2、下面介绍用我的方式进行介绍  设置个性化地图，一定要保证百度相关SDK及so库已经接
使用百度地图API关于新版个性化地图的使用详解
m0_61781282的博客
06-30 1040
此时可以选择使用地图的id和下载JSON两种方式使用个性化地图，在这里建议下载JSON到本地去使用，因为下载JSON之后可以对地图的细节进行微调，但是使用ID的话调整起来比较麻烦。登录官网之后点击“控制台--特色服务平台--个性化地图”，里面有地图模板，可以找到适合你的模板点击发布样式，这样就可以在“我的地图”中找到了。进入“我的地图”点击编辑，将JSON文件下载到本地，最好和你的地图放到同一文件夹下面，这个js文件就是我下载的JSON文件。二、去官网上下载自己的个性地图。点击“控制台”申请你的ak。
百度地图主题编辑器使用教程
朝阳39的博客
01-23 1万+
目录 使用流程 1. 打开官网 2. 添加样式规则（默认有一条样式规则） 3. 选择元素 4. 选择属性 5. 勾选要修改的样式，并设置为目标值 6. 获取样式的JSON数据 使用流程 1. 打开官网 百度地图主题编辑器【官网】https://developer.baidu.com/map/custom/ 2. 添加样式规则（默认有一条样式规则） 3. 选择元素 在元素框中，展开树形列表，点击选择要修改样式的元素 4. 选择属性 5. 勾选要修改的样式，并设..
个性化百度地图
yb305
07-27 1435
百度地图个性化设置
百度地图 map核心类 自定义控件 地图样式(setMapStyle) 获取全景示例(getPanorama())
Freewind的专栏
11-07 3751
代码在此 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> ...
百度地图setMapStyle
lannieZ的博客
06-17 3356
//设置地图样式，样式包括地图底图颜色和地图要素是否展示两部分 map.setMapStyle({style:'midnight'}) //模板 //默认地图样式(normal) //清新蓝风格(light) //黑夜风格(dark) //清新蓝绿风格(bluish) //高端灰风格(grayscale) //强边界风格(hardedge) //青春...
解决map.setMapStyleV2 is not a function问题
weixin_46451137的博客
11-09 8635
最近在做项目时，用到了百度地图。遇到了一个小坑，想分享出来。 这个是自定义百度地图样式的属性，但是在使用时，会报错为：map.setMapStyleV2 is not a function。 map.setMapStyleV2({ styleId: 'a5f66dc9e3e9bdc57bf43a275dd4ce7c', }) 在这其中费了好大的精力才去解决掉，其实是因为在vue项目中的index.html页面中引入的百度API版本低了，解决只需要： <script
全面讲解百度地图原理与应用视频课程
08-12
视频详细讲解，需要的小伙伴自行百度网盘下载，链接见附件，永久有效。 使用场景： 地图的使用场景非常广泛。地图定位可以更直观的说明位置及周边环境，让用户更好的了解地理位置信息，更好的规划路径，以方便出行。定位，导航等成功互联网上最常见的功能之一。 有的地图使用是非常明显的，例如房地产信息展示： 例如说公司地址展示并介绍： 还有一些稍高级的用法，比如说导航，显示路径等。代表就是高德地图，百度地图以及大批量的外卖app. 这些都是可以显示一个地方到另一个地方的路径应用，也可以直接看出地图展示相关的信息，是地图应用的广泛实现。 也有一些隐试的地图服务，不是能直接看出来的，最常见的就是“周边”信息。斗鱼的周边主播，陌陌的周边好友，滴滴打车的周边车辆等都是用到了地图的周边信息功能。更精准的定位用户需求。 地图服务已经涉及到我们生活的方方面面。 影音娱乐行业利用精准定位服务，获取用户位置，为用户推荐基于LBS的相关内容，推荐周边其他用户，增强用户社交属性，助力开发者为用户进行精准化营销推送。 例如：斗鱼，唱吧，爱奇艺等 社交通讯行业为基于位置的社交应用提供附近的人、位置分享、个性化推荐，根据好友位置计算距离、路线规划等位置服务。 例如：陌陌，探探等 智能硬件行业以智能可穿戴、智能家居、智能交通设备和VR设备为代表，解决用户定位难题，助力开发者实现用户精准定位、远程定位、地理围栏监控提醒等功能。例如：小天才等 电商购物行业基于用户的精确位置，为用户推荐商品，为用户自动填写收货地址，优化送货体验，通过精准定位实时查看运输位置。 例如：小米，苏宁等 交通行业提供出行用车服务，利用精准定位和位置描述，明确用车起点，帮助司机更好的找到用车用户。例如:膜拜单车，邦德，货拉拉,曹操专车等。 生活服务行业利用精准定位服务，获取用户位置，推送周边服务。 例如：饿了么，美团。 相应的还涉及在线旅游、物流、房产、旅游、智慧景区等等。 技术介绍： 用场景非常广泛，市面常见的地图服务也有很多，例如： ​ 高德地图服务：https://lbs.amap.com ​ 百度地图服务 ：http://lbsyun.baidu.com ​ 腾讯地图服务：https://lbs.qq.com ​ 搜狗地图服务：http://map.sogou.com/api/ ​ 其中最常用的是高德地图服务(阿里)和百度地图服务。 ​ 高德地图,2002年成立，为国家或车企业等提供服务，后被阿里集团全资收购。 ​ 百度地图，2005年推出，19年成为中国最大智能化位置服务平台 。 技术使用： 我们主要学习几个技术的简单应用：定位技术、主要讲路径规划和导航，WEB服务主要讲解一下IP定位，查询天气以及电子围栏打
vue项目中使用百度地图的方法
08-27
主要介绍了在vue项目中使用百度地图的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴借鉴价值,需要的朋友可以参考下
封装好的百度地图API（有最完善的使用示例）
11-12
地图展示 异步加载地图 同时加载两个地图 通过城市名设置中心(不支持) 设置地图最大、最小级别 移动地图（北京到广州） 缩放地图 拖曳地图 设置地图显示范围 获取地图显示范围 ...个性化 设置地图模板样式
126邮箱页 html源码 单页源码 网站后台登陆界面HTML源码.zip
04-23
126邮箱页 html源码 单页源码 网站后台登陆界面HTML源码
武汉开放数据创新大赛——烽火杯文件.zip
04-23
武汉开放数据创新大赛——烽火杯文件
mmexport1713881481676.png
04-23
mmexport1713881481676.png
Digital currency trading platformAdobeXD源码下载设计素材UI设计.xd
最新发布
04-23
Digital currency trading platform landing pageAdobeXD源码下载设计素材UI设计
vue2 百度地图的个性样式组件
05-19
如果您想要在Vue2中使用百度地图的个性化样式组件，可以考虑使用以下步骤： 1. 安装百度地图JavaScript API。 ``` <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script> ``` 2. 创建一个Vue组件，用于显示地图。 ``` <template> <div ref="map" class="map"></div> </template> <script> export default { data() { return { map: null, styleJson: [] // 这里是个性化样式的JSON数据 } }, mounted() { this.initMap() }, methods: { initMap() { this.map = new BMap.Map(this.$refs.map) this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 11) this.map.setMapStyleV2({styleJson: this.styleJson}) } } } </script> <style scoped> .map { width: 100%; height: 400px; } </style> ``` 3. 在Vue组件中引入百度地图JavaScript API，并使用`setMapStyleV2()`方法来设置个性化样式。`styleJson`是个性化样式的JSON数据，您可以在[百度地图开放平台](http://lbsyun.baidu.com/custom/stylib)上创建自己的个性化样式。 希望这能帮助到您！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星银色飞行船

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值