百度地图个性化地图功能主要为满足开发者对地图风格、地图颜色、元素显示等特定需求,根据不同的使用场景和展示需求,打造属于自己的个性化地图。目前有两种方式可以定制个性地图:

  • 1. 通过百度地图提供的样式模板 ,选择地图,然后通过JavaScriptAPI的setMapStyle方法调用生效;

    使用方法 详细>>
    • 选择模版
    • 设置地图样式,将style改为模板下方的英文名称
    源码复制打印关于
    1. map.setMapStyle({style:'midnight'});
    map.setMapStyle({style:'midnight'});
  • 2. 通过个性地图编辑工具,自行编辑地图展示样式,生成地图样式json,然后通过JavaScriptAPI的方法调用生效。

默认地图样式(normal)

百度地图官网采用的地图样式。

查看详情 »

清新蓝风格(light)

地图背景及道路均呈蓝色,给人以清新的感觉。

查看详情 »

黑夜风格(dark)

地图背景及道路均呈黑灰色,给人以寂静的感觉。

查看详情 »

红色警戒风格(redalert)

地图呈大红色,红色警戒,给人高度惊醒的感觉。

查看详情 »

精简风格(googlelite)

地图用色与google类似,不过过滤了一部分地图元素。

查看详情 »

自然绿风格(grassgreen)

陆地呈草绿色,海洋呈蓝色,道路为白色,整幅地图自然气息十足。

查看详情 »

午夜蓝风格(midnight)

地图背景呈深蓝色,水系为黑色,整体呈暗色风格。

查看详情 »

浪漫粉风格(pink)

地图为粉色、道路灰色,整体颜色柔和。

查看详情 »

青春绿风格(darkgreen)

地图背景为绿色、水系为黑色,标注为白色,地图用色浓重,时尚大气。

查看详情 »

清新蓝绿风格(bluish)

地图背景以蓝色为主色调,水系为白色,清新典雅。

查看详情 »

高端灰风格(grayscale)

地图整体成灰白色,使用该类地图便于突出其上叠加的个人信息。

查看详情 »

强边界风格(hardedge)

地图整体成白色,使用强烈的黑色边框,给人以强烈的轮廓感。

查看详情 »

转载于:https://www.cnblogs.com/telwanggs/p/11060511.html

百度地图个性化模板列表相关推荐

  1. 用html制作百度地图,canvas实现百度地图个性化底图绘制

    精华 node-canvas实现百度地图个性化底图绘制 发布于 3 年前 作者 lzxue 11783 次浏览 来自 技术 原文转自 #node-canvas实现百度地图个性化底图绘制 随着nodej ...

  2. 百度地图个性化地图编辑,本地正常,线上失效问题

    记录一下使用百度地图API进行个性化地图编辑主题时出现的问题 使用map.setMapStyleV2: this.map.setMapStyleV2({styleJson: this.mapStyle ...

  3. html地图模块,百度地图自定义控件模板.html

    body, html { width: 100%; height: 100%; margin: 0; font-family: "微软雅黑"; } #allmap { width: ...

  4. 百度地图个性化编辑以及使用

    1.首先去百度的http://lbsyun.baidu.com/customv2/index.html去编辑想要的效果,然后下载它的json文件 2.设置json路径:在oncreat方法里面加入 注 ...

  5. 如何在网中使用百度地图API自定义个性化地图

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. 百度地图绘制行驶轨迹、折线上添加箭头、修改地图底色

    页面效果 页面代码 <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" ...

  7. 基于Echarts+百度地图+Three.js的数据可视化系统

    上周重构项目数据统计部分写了几篇echarts相关的文章,重构的后台前端框架改用Vue,关于Vue中引用Echarts及可能遇到的问题的文章如下所示: VUE中使用Echarts图表 VUE父组件异步 ...

  8. 百度地图离线开发demo(vue+百度地图3.0+百度瓦片)(仅供参考,学习探讨)

    公司需求开发离线地图功能.搜索学习,踩坑,试验(由于参考借鉴了n多文章,就不分别贴出对应文章了,感谢分享...),最终整合了一套集成vue的离线地图开发方案,文章将分享一整套的解决方案思路与方式.后续 ...

  9. 《TP5.0学习笔记---百度地图封装》

    我们常常需要根据地址来获取经纬度,根据经纬度来调取百度地图等. 一. 根据地址获取经纬度类的封装 1, 获取第三方接口 2, 编写map类 3, 测试 1, 获取第三方接口 (1)进入http://l ...

最新文章

  1. c# 实现二进制文件读写、ini文件读写以及一些文件和目录的常用操作,在某些特定情况下会用到,如录波文件要保存.dat
  2. Linux下升级python2.4-python2.7
  3. Linux之vim的使用
  4. DFT(离散傅里叶变换)与FFT(快速傅里叶变换)初识
  5. Small game written by Python 2021/1/7
  6. 黑苹果华硕b85m主板设置_电脑装机 |一次ITX黑苹果主机搭建分享
  7. pdftomusic pro(音乐谱曲软件) v1.0.4
  8. 知其然知其所以然之——word2vector
  9. 微信公众平台自动回复详解
  10. Tomcat配置SSL证书实现https(内网ip访问)
  11. 以太坊java_Java调用以太坊智能合约
  12. 详细说明如何实现简易轮播效果
  13. 微信服务器接口配置程序
  14. 【附源码】计算机毕业设计JAVA校园代办业务系统
  15. 什么是restful?怎样用通俗的语言解释restful?
  16. 为什么Android手机总是越用越慢?
  17. iapp退出软件按钮代码_昆仑通态软件应用(23):酒店触摸屏点菜系统的设计(案例)...
  18. 数据科学 案例7 决策树之电脑购买(代码)
  19. xes java to c_5个最优秀的java和c#代码转换工具
  20. word排版技巧:这几种特殊版式轻松搞定

热门文章

  1. android 闪屏页处理_Android应用闪屏页延迟跳转的三种写法
  2. 2021-06-01 深入分析锁升级流程的基础
  3. scala基础之特质trait
  4. (04)Verilog HDL模块仿真激励
  5. ISE14.7逻辑综合与实现工作过程
  6. 傲腾服务器系统,英特尔傲腾加速 释放数据价值
  7. STM32F103:一.(4)JWAG功能IO复用
  8. 【嵌入式设计】嵌入式低功耗设计
  9. 【C语言】一维数组排序(函数,数组和循环结构语句)
  10. vapor mysql_vapor MySQL 作为Cache