echarts引入百度地图个性化样式的问题

发布于 2022-09-11 21:47:48 字数 1141 浏览 18 评论 0

图片描述我在echarts中先引入了百度地图,然后设置百度地图的自定样式,在百度地图个性化编辑器中地图上的建筑等图标已经不显示了,但是把stylejson复制到echarts中不起作用。(下图是在api中显示的样式)。看到百度地图api里面写了这样一句话:通过个性化地图编辑平台,自行编辑地图展示样式,生成地图样式json,然后通过JavaScriptAPI V3.0的setMapStyleV2方法调用生效(注意:新版编辑平台输出的样式json,需使用对应的setMapStyleV2方法),不知道怎么解决这个问题,

 myChart.setOption(option = {
        bmap: {
          center: [104.25, 30.62],
          zoom: 12,
          roam: true,
          mapStyle: {
            "styleJson": [{
              "featureType": "water",
              "elementType": "all",
              "stylers": {
                "color": "#031628"
              }
            }, {
              "featureType": "land",
              "elementType": "geometry",
              "stylers": {
                "color": "#000102"
              }, {
              "featureType": "shoppinglabel",
              "elementType": "labels.icon",
              "stylers": {
                "visibility": "off"
              }
            }
              ...

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

爱格式化 2022-09-18 21:47:48

您好,请问您解决了吗?

我一向站在原地 2022-09-18 21:47:48

var style = styleOption();
var provinceOp = provinceOption();
var dom = document.getElementById("container");
myChart = echarts.init(dom);
//通过echarts实例获取地图实例
var bmap = myChart.getModel().getComponent('bmap').getBMap();
bmap.setMapStyleV2({

styleId: 'e3d8f424adfa642b84b081678674d4b2'

});

温柔一刀 2022-09-18 21:47:48

请问解决了吗,在echarts里配置bmap的mapStyle不生效怎么回事啊

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文