weixin_55744264 2022-09-29 06:21 采纳率: 66.7%
浏览 29
已结题

vue+openlayers的控件如何调整到右上角?

vue+openlayers的控件如何调整到右上角?

img

img

mounted(){
this.map = new Map({//1.创建地图对象 new Map()
target: 'map', //2.绑定 div 元素
layers:[ //图层数组 layers
new TileLayer({
name:'天地图',
source: new XYZ({
crossOrigin:'anonymous',
url:'https://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=d6539c1747bf5296bfe35b02151d761a%27
})
}),
new TileLayer({
name:'注记',
source: new XYZ({
crossOrigin:'anonymous',
url:'https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=d6539c1747bf5296bfe35b02151d761a%27
})

    })
  ],
  view: new View({//视图 View
    projection:"EPSG:4326",
    center:[106.55,29.57],
    zoom:10
  }),
  //缩放滑块控件
  controls:defaultControls({//默认控件\
    zoom:true,
    rotate:false,
    attribution:false,
  }).extend([//添加新控件
    new Rotate,
    new FullScreen(),
  ]),
})

},
}

展开全部

  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2022-09-29 06:35
    关注

    审查元素看看 。用样式应该可以调整

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    weixin_55744264 2022-09-29 09:45

    已解决感谢

    回复
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 10月21日
  • 已采纳回答 10月14日
  • 创建了问题 9月29日

悬赏问题

  • ¥15 代写uni代码,app唤醒
  • ¥15 全志t113i启动qt应用程序提示internal error
  • ¥15 ensp可以看看嘛.
  • ¥80 51单片机C语言代码解决单片机为AT89C52是清翔单片机
  • ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
  • ¥15 minist数字识别
  • ¥15 在安装gym库的pygame时遇到问题,不知道如何解决
  • ¥20 uniapp中的webview 使用的是本地的vue页面,在模拟器上显示无法打开
  • ¥15 网上下载的3DMAX模型,不显示贴图怎么办
  • ¥15 关于#stm32#的问题:寻找一块开发版,作为智能化割草机的控制模块和树莓派主板相连,要求:最低可控制 3 个电机(两个驱动电机,1 个割草电机),其次可以与树莓派主板相连电机照片如下:
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部