百度地图之自定义样式

李克鹏

已于 2022-03-25 13:53:32 修改

阅读量1.3k

点赞数

分类专栏：百度地图可视化文章标签：数据可视化 html5 百度

于 2022-03-25 13:51:33 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45738390/article/details/123733874

版权

本文介绍了如何在百度地图中创建并应用自定义样式。首先，通过百度控制台发布自定义样式并获取样式ID；接着，利用setMapStyleV2功能将自定义样式集成到地图中，提供完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在百度控制台发布自定义样式并复制样式ID

添加 setMapStyleV2 功能

map.setMapStyleV2({
            styleId:'76c03cdd35fa1e24f39edeb18849f04e'
        })

完整代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=自己的key">
    </script>
    <style>
        html, body {
            width:100%;
            height:100%;
            padding:0;
            margin:0;
        }
        #map {
            width:100%;
            height:100%;
        }
    </style>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="map"