百度地图案例-修改地图样式

https://lbsyun.baidu.com/apiconsole/custommap
这个网址里面点击特色服务平台 - 个性化地图 - 地图模板 - 选择地图样式 - 点击发布样式 - 复制id到代码里面

<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript"
src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=cXG18I5SNt2EZNvG7CVyE4jjTr8swlo4"
></script>
<style>html{height: 100%;height: 100%;margin: 0;padding: 0;}body{height: 100%;height: 100%;margin: 0;padding: 0;}#map{height: 100%;width: 100%;margin: 0;padding: 0;}.anchorBL, .BMap_cpyCtrl{
display: none;}
</style>
</head><body>
<div id="map"></div>
<script>console.log(window.BMapGL);var map = new BMapGL.Map('map') // 初始化地图var point = new BMapGL.Point(116.404,39.915) // 设置地图坐标map.centerAndZoom(point, 10) // 中心的 地图的显示级别 map.enableScrollWheelZoom(true) // 通过滚轮对地图进行放大和缩小// 自定义地图样式// 还可以通过styleJsion的方式去改变样式map.setMapStyleV2({styleId:'06649c73ab8ae3adffe6ea88ed400b23'})
</script>
</body>
</html>

百度地图案例-修改地图样式相关推荐

百度地图API——修改infowindow样式
前言最近又用到了百度地图api,之前用到的是百度地图js api的写法,需要一个个定义对象,添加事件或者监控,最后画到地图上,时不时还有渲染时序不对的情况,非常的不友好.所以这次用了vue Baid ...
浅谈百度地图的简单开发之引入基本地图以及修改地图样式（一）
今天,想给大家带来一个基于百度地图官方开放的API开发的高仿百度地图的Demo(还称不上是一个APP),基本实现了百度地图的几大核心功能,百度地图中的基本地图,百度地图的定位,百度地图的全景显示,百度 ...
echarts地图文字重叠解决方案_vue中使用echarts地图且修改地图文字位置
使用echarts地图的时候,从阿里云地图选择器下载完对应省份的geojson之后,在页面中显示,会出现一些地市名字覆盖的情况,可以直接修改geojson中的数据对文字的位置进行修改解决方法打 ...
echarts自定义描绘地图和修改地图
需求要求需要在四川省地图上添加天府区得行政区域实现此功能分步骤实现此功能 1.获取json数据 2.描绘地图 3.引入项目 1.获得地图json数据文件可以从此获取 http://datav. ...
腾讯地图api修改信息窗口样式_ThingJS通过地图的信息窗口展示常见数据
在查看地图的时候,用户可通过显示的信息窗口,获得graphics和feature常见数据信息.ThingJS通过地图的信息窗口展示常见数据. 无论是2D地图还是3D地图,经常会有展示信息面板的需求,可 ...
百度地图自定义信息窗口样式
在项目中,UI经常会把信息窗口做自定义设计,那么如何实现自定义样式的信息窗口呢.核心代码如下: /** 创建信息窗口* */function _createMapvInfoWindow(width,h ...
[转](1条消息) 使用echarts百度地图并更改地图样式(转载请删除括号里的内容)
echarts的配置项真的又多又杂最近用echarts的地图真的头大,因为我们老板说想要科技感,但我改地图样式怎么也不生效,后来终于解决了先看最后的效果图吧~ 就讲讲地图趴第一步: 获取百度地图 ...
H5 高德、百度、腾讯地图选择导航功能实现
实现效果展示: 地图底图使用的是腾讯地图,实现步骤: 一.在腾讯地图申请密钥key值:申请地址:https://lbs.qq.com/dev/console/application/mine (有账号 ...
使用百度地图API实现地图生成、标记以及标注
首先你需要引入一段javaScript <script type="text/javascript" src="http://api.map.baidu.com/a ...

百度地图案例-修改地图样式

百度地图案例-修改地图样式相关推荐

最新文章

热门文章