• 百度地图(4)-自定义地图样式


    百度地图提供了地图样式的定制,定制种类相当繁多,可以细致到道路、

    1. 访问地址

    http://lbsyun.baidu.com/apiconsole/custommap

    2. 特色服务平台-个性化地图-新建。

    打开后,有三种方式:

    第一种根据模板选择:里面有些官方模板,根据场景分深色和浅色,根据行业分全部行业、出行行业、物流行业。如果对地图

              没有特殊需求的话,从中选择一个区别于官方标准地图样式已足够。

    第二种根据配色色系选则:提供各种色系,然后地图根据选择色系自行调整。

    第三种:根据图片的颜色进行配色:

    可以从截图中看到,其实是提取了图片中对应不为的几种颜色作为色系进行地图渲染。作为某些logo或者场景进行定制是很不错的。

            

     4. 发布新创建的地图。

      可以在编辑器中直接选择发布,也可以在我的地图中,对选择的地图进行发布。 这里也可以通过点击下载样式文件,将样式下载为json文件, 后面调用。

    发布成功后,有个样式ID,是后面调用时需要用到的。

    5. 调用样式。

     从第4步,我们也能了解到,调用地图样式有两种方式,一种是通过样式ID调用,一种是通过样式JSON文件调用。

    我们分别来看一下:

     第一种通过样式ID:

    1 /**
    2  * 使用样式ID设置地图样式
    3  */
    4 function setMapStyleFromId(){
    5   map.setMapStyleV2({
    6     styleId:'29f56e7ce69278af249c1182f10533c7' //此样式为测试用,随时可能会被删除,请修改为自己的ID
    7  }); 

    8 }

    第二种通过调用JSON文件:此处 $ 需要引用jquery.

     1 /**
     2  * 使用样式Json文件设置地图样式
     3  */
     4 function setMapStyleFromJson() {
     5 
     6   $.getJSON('/bdMap/data/custom_map_config.json', function (json) {
     7     map.setMapStyleV2({
     8       styleJson: json
     9     });
    10   });
    11 }

    6. 页面显示:

    7. 参考代码

    https://github.com/WhatGIS/bdMap

  • 相关阅读:
    [Real World Haskell翻译]第24章 并发和多核编程 第一部分并发编程
    [Real World Haskell翻译]第22章 扩展示例:Web客户端编程
    [Real World Haskell翻译]第27章 网络通信和系统日志 Sockets and Syslog
    druid 解密
    git clone 所有远程分支到本地
    十、Delphi 把Json转成Delphi实体类
    XML External Entity attack/XXE攻击
    大家好!
    XXE攻防——XML外部实体注入
    ubuntu安装Go环境
  • 原文地址:https://www.cnblogs.com/googlegis/p/14680866.html
Copyright © 2020-2023  润新知