百度地图api 在3D地图中设置自定义样式

文章目录

代码

先上效果图

先简单解释一下百度地图的这个功能吧，如果是只想设置3D地图或者自定义样式这两者中的一个，那么很轻松就可以找到例子，但是两者结合的例子我百度搜索翻了好几页都没找到，最后还是翻官方文档找到的。究其原因就在于，3D地图只能用GL版，GL版设置自定义样式需要用到setMapStyleV2，而setMapStyleV2是js3.0的api，但是现在网上大部分文章都是js2.0互相抄，几乎没有用js3.0的文章，所以即便找到了相关的文章也无法直接使用。

文档地址：https://lbs.baidu.com/index.php?title=jspopularGL/guide/custom
文档写的很详细，不做过多说明。

样式编辑器（上面的文档中有链接，直接写出来方便查看）https://lbsyun.baidu.com/apiconsole/custommap
某个默认模板https://lbsyun.baidu.com/customv2/preview/demo/yanmou

代码

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}</style><script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=F0i6SrLmHquLVNLCqpExxPrj8mWVdFwx"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.js"></script><script src="jquery3.4.1.js"></script><title>设置地图3D视角</title>
</head>
<body><div id="allmap"></div>
</body>
</html>
<script type="text/javascript">// GL版命名空间为BMapGL// 按住鼠标右键，修改倾斜角和角度var map = new BMapGL.Map("allmap");    // 创建Map实例map.centerAndZoom(new BMapGL.Point(123.362222, 41.773469), 18);  // 初始化地图,设置中心点坐标和地图级别map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放map.setHeading(0);//角度map.setTilt(60);//倾斜角// console.log(map.getMapType());// console.log(map.setMapStyleId);// console.log(map.getMapStyleId());//map.setMapStyleV2(myStyleJson);var myStyleJson=[{"featureType": "land","elementType": "geometry","stylers": {"visibility": "on","color": "#091220ff"}
}, {"featureType": "water","elementType": "geometry","stylers": {"visibility": "on","color": "#113549ff"}
}, {"featureType": "green","elementType": "geometry","stylers": {"visibility": "on","color": "#0e1b30ff"}
}, {"featureType": "building","elementType": "geometry","stylers": {"visibility": "on"}
}, {"featureType": "building","elementType": "geometry.topfill","stylers": {"color": "#113549ff"}
}, {"featureType": "building","elementType": "geometry.sidefill","stylers": {"color": "#143e56ff"}
}, {"featureType": "building","elementType": "geometry.stroke","stylers": {"color": "#dadada00"}
}, {"featureType": "subwaystation","elementType": "geometry","stylers": {"visibility": "on","color": "#113549B2"}
}, {"featureType": "education","elementType": "geometry","stylers": {"visibility": "on","color": "#12223dff"}
}, {"featureType": "medical","elementType": "geometry","stylers": {"visibility": "on","color": "#12223dff"}
}, {"featureType": "scenicspots","elementType": "geometry","stylers": {"visibility": "on","color": "#12223dff"}
}, {"featureType": "highway","elementType": "geometry","stylers": {"visibility": "on","weight": "4"}
}, {"featureType": "highway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "highway","elementType": "geometry.stroke","stylers": {"color": "#fed66900"}
}, {"featureType": "highway","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "highway","elementType": "labels.text.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "highway","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "highway","elementType": "labels.icon","stylers": {"visibility": "on"}
}, {"featureType": "arterial","elementType": "geometry","stylers": {"visibility": "on","weight": "2"}
}, {"featureType": "arterial","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "arterial","elementType": "geometry.stroke","stylers": {"color": "#ffeebb00"}
}, {"featureType": "arterial","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "arterial","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "arterial","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "local","elementType": "geometry","stylers": {"visibility": "on","weight": "1"}
}, {"featureType": "local","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "local","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "local","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "local","elementType": "labels.text.fill","stylers": {"color": "#979c9aff"}
}, {"featureType": "local","elementType": "labels.text.stroke","stylers": {"color": "#ffffffff"}
}, {"featureType": "railway","elementType": "geometry","stylers": {"visibility": "off"}
}, {"featureType": "subway","elementType": "geometry","stylers": {"visibility": "off","weight": "1"}
}, {"featureType": "subway","elementType": "geometry.fill","stylers": {"color": "#d8d8d8ff"}
}, {"featureType": "subway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "subway","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "subway","elementType": "labels.text.fill","stylers": {"color": "#979c9aff"}
}, {"featureType": "subway","elementType": "labels.text.stroke","stylers": {"color": "#ffffffff"}
}, {"featureType": "continent","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "continent","elementType": "labels.icon","stylers": {"visibility": "on"}
}, {"featureType": "continent","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "continent","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "city","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "city","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "city","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "city","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "town","elementType": "labels.icon","stylers": {"visibility": "on"}
}, {"featureType": "town","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "town","elementType": "labels.text.fill","stylers": {"color": "#454d50ff"}
}, {"featureType": "town","elementType": "labels.text.stroke","stylers": {"color": "#ffffffff"}
}, {"featureType": "road","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "poilabel","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "districtlabel","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "road","elementType": "geometry","stylers": {"visibility": "on"}
}, {"featureType": "road","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "road","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "district","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "poilabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "poilabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "poilabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "manmade","elementType": "geometry","stylers": {"color": "#12223dff"}
}, {"featureType": "districtlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffffff"}
}, {"featureType": "entertainment","elementType": "geometry","stylers": {"color": "#12223dff"}
}, {"featureType": "shopping","elementType": "geometry","stylers": {"color": "#12223dff"}
}, {"featureType": "nationalway","stylers": {"level": "6","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","stylers": {"level": "7","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","stylers": {"level": "8","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","stylers": {"level": "9","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","stylers": {"level": "10","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "geometry","stylers": {"visibility": "off","level": "6","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "geometry","stylers": {"visibility": "off","level": "7","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "geometry","stylers": {"visibility": "off","level": "8","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "geometry","stylers": {"visibility": "off","level": "9","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "geometry","stylers": {"visibility": "off","level": "10","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "labels","stylers": {"visibility": "off","level": "6","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "labels","stylers": {"visibility": "off","level": "7","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "labels","stylers": {"visibility": "off","level": "8","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "labels","stylers": {"visibility": "off","level": "9","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "nationalway","elementType": "labels","stylers": {"visibility": "off","level": "10","curZoomRegionId": "0","curZoomRegion": "6-10"}
}, {"featureType": "cityhighway","stylers": {"level": "6","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","stylers": {"level": "7","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","stylers": {"level": "8","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","stylers": {"level": "9","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "geometry","stylers": {"visibility": "off","level": "6","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "geometry","stylers": {"visibility": "off","level": "7","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "geometry","stylers": {"visibility": "off","level": "8","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "geometry","stylers": {"visibility": "off","level": "9","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "labels","stylers": {"visibility": "off","level": "6","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "labels","stylers": {"visibility": "off","level": "7","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "labels","stylers": {"visibility": "off","level": "8","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "cityhighway","elementType": "labels","stylers": {"visibility": "off","level": "9","curZoomRegionId": "0","curZoomRegion": "6-9"}
}, {"featureType": "subwaylabel","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "subwaylabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "tertiarywaysign","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "tertiarywaysign","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "provincialwaysign","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "provincialwaysign","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "nationalwaysign","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "nationalwaysign","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "highwaysign","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "highwaysign","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "village","elementType": "labels","stylers": {"visibility": "off"}
}, {"featureType": "district","elementType": "labels.text","stylers": {"fontsize": "20"}
}, {"featureType": "district","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "district","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "country","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "country","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "water","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "water","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "cityhighway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "cityhighway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "tertiaryway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "tertiaryway","elementType": "geometry.stroke","stylers": {"color": "#ffffff10"}
}, {"featureType": "provincialway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "provincialway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "nationalway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "nationalway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "highway","elementType": "labels.text","stylers": {"fontsize": "20"}
}, {"featureType": "nationalway","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "nationalway","elementType": "labels.text.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "nationalway","elementType": "labels.text","stylers": {"fontsize": "20"}
}, {"featureType": "provincialway","elementType": "labels.text.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "provincialway","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "provincialway","elementType": "labels.text","stylers": {"fontsize": "20"}
}, {"featureType": "cityhighway","elementType": "labels.text.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "cityhighway","elementType": "labels.text","stylers": {"fontsize": "20"}
}, {"featureType": "cityhighway","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "estate","elementType": "geometry","stylers": {"color": "#12223dff"}
}, {"featureType": "tertiaryway","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "tertiaryway","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "fourlevelway","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "fourlevelway","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "scenicspotsway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "scenicspotsway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "universityway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "universityway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "vacationway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "vacationway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "fourlevelway","elementType": "geometry","stylers": {"visibility": "on"}
}, {"featureType": "fourlevelway","elementType": "geometry.fill","stylers": {"color": "#12223dff"}
}, {"featureType": "fourlevelway","elementType": "geometry.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "transportationlabel","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "transportationlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "transportationlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "transportationlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "educationlabel","elementType": "labels","stylers": {"visibility": "on"}
}, {"featureType": "educationlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "educationlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "educationlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "transportation","elementType": "geometry","stylers": {"color": "#113549ff"}
}, {"featureType": "airportlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "airportlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "scenicspotslabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "scenicspotslabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "medicallabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "medicallabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "medicallabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "scenicspotslabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "airportlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "entertainmentlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "entertainmentlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "entertainmentlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "estatelabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "estatelabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "estatelabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "businesstowerlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "businesstowerlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "businesstowerlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "companylabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "companylabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "companylabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "governmentlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "governmentlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "governmentlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "restaurantlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "restaurantlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "restaurantlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "hotellabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "hotellabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "hotellabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "shoppinglabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "shoppinglabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "shoppinglabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "lifeservicelabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "lifeservicelabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "lifeservicelabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "carservicelabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "carservicelabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "carservicelabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "financelabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "financelabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "financelabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "otherlabel","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "otherlabel","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "otherlabel","elementType": "labels.icon","stylers": {"visibility": "off"}
}, {"featureType": "manmade","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "manmade","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "transportation","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "transportation","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "education","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "education","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "medical","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "medical","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}, {"featureType": "scenicspots","elementType": "labels.text.fill","stylers": {"color": "#2dc4bbff"}
}, {"featureType": "scenicspots","elementType": "labels.text.stroke","stylers": {"color": "#ffffff00"}
}];map.setMapStyleV2({styleJson: myStyleJson});</script>

配置代码是对街道、陆地、河流等各种对象的边、填充、字体等分别设定，所以配置的代码非常长，建议存到json文件中调用。

百度地图api 在3D地图中设置自定义样式相关推荐

python 实现对地图的点击_利用python和百度地图API实现数据地图标注的方法
如题,先上效果图: 主要分为两大步骤使用python语句,通过百度地图API,对已知的地名抓取经纬度使用百度地图API官网的html例程,修改数据部分,实现呈现效果一.使用python语句,通过 ...
HTML调用百度地图API，实现地图标注位置
HTML调用百度地图API,实现地图标注位置一.说明二.代码总结提示:以下是本篇文章正文内容,下面案例可供参考一.说明通过HTML调用百度地图API,在指定位置显示出地图,并且在目标位置标 ...
【百度地图API】如何调整结果面板的样式？如何获取指定页码的结果？
原文:[百度地图API]如何调整结果面板的样式?如何获取指定页码的结果? 摘要: 1.你是否想自定义查询后,结果面板的显示样式? 2.数据接口每次只返回10条结果,如何取到单独每一页的结果? ---- ...
高德地图 API，点击地图标记获取自定义标记 (Marker) 中的信息
高德地图 API,点击地图标记获取自定义标记 (Marker) 中的信息通过高德地图 JS Web 添加自定义图标,自定义窗口标记已经能在地图中正常添加自定义标记了这篇文章讲讲点击标记时,如何 ...
使用vue+腾讯地图API GL实现地图选房的功能
使用vue+腾讯地图API GL实现地图选房的功能背景介绍公司最近想做一个地图选房的功能,在网上找了很久也没有找到这方面的demo,就只好硬着头皮自己写一个地图选房的功能腾讯地图的官方文档.首先 ...
调用腾讯地图API、高德地图API 获取当前地理位置、经纬度
调用腾讯地图API.高德地图API 获取当前地理位置.经纬度 web开发中,很多情况下都会需要获取当前位置的经纬度,在网上找了几个不同的地图,最终找到兼容比较好的腾讯地图API 1.调用腾讯地图API ...
html 中设置样式方式,在html元素中设置css样式的方式是什么
如果我们要在HTML元素中设置CSS样式,那么我们就需要在元素中设置"id" 和 "class"选择器. (推荐教程:CSS教程) 下面我们来分别说一下id选择 ...
html中设置字体字型,html中如何在font中设置字体样式（粗体斜体等）
html> 字体加粗用<b>加粗字体:加粗用<strong>加粗字体:加粗用CSS font-weight 加粗 normal(400), bold(700) ...
如何在Windows XP中设置自定义纸张，300K打印机进纸长度
用300K针式打印机打印票据,只5行数据,但是要走A4纸那么长. 在网上搜集了资料,解决办法如下: 1.XP中设置自定义纸张点击"开始→设置→打印机和传真",在出现的窗口中选择& ...
怎么在CAD编辑软件中设置文字样式
在CAD中,一般绘制图纸的时候都需要将图纸的文字样式进行设置.那么,怎么在CAD编辑软件中设置文字样式呢?具体要怎么来进行操作呢?相信很多的小伙伴们都想要知道,那下面小编本编教程就来教教大家具体的操作 ...

百度地图api 在3D地图中设置自定义样式

文章目录

代码

百度地图api 在3D地图中设置自定义样式相关推荐

最新文章

热门文章