<template lang="pug">
div.map#container
map.map__content(
:longitude="106.631187"
:latitude="29.718143"
:enable-poi="true"
:enable-3D="true"
:enable-building="true"
:scale="11"
:markers="markersList"
:polyline="polylineList"
)
</template>
<script setup>
let markersList = [
{
id: 0,
latitude: '29.718143', // 纬度
longitude: '106.731187', // 经度
width: 30,
height: 40,
iconPath: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/start.png',
callout: {
content: '文本的内容',
color: '#ffe300',
fontSize: 14
}
},
{
id: 1,
latitude: '29.718143', // 纬度
longitude: '106.631187', // 经度
width: 30,
height: 40,
iconPath: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/end.png',
callout: {
content: '文本的内容1',
color: '#ffe300',
fontSize: 14
}
}
]
let polylineList = [
{
points: [
{
latitude: '29.718143',
longitude: '106.731187'
},
{
latitude: '29.718143',
longitude: '106.711187'
},
{
latitude: '29.718143',
longitude: '106.691187'
},
{
latitude: '29.718143',
longitude: '106.651187'
},
{
latitude: '29.718143',
longitude: '106.631187'
}
],
colorList: ['#ec410f', '#ff00ea', '#000dff', '#ffe300'],
width: 10
}
]
</script>
<style scoped lang="scss">
.map {
width: 100vw;
height: 100vh;
&__content {
width: 100%;
height: 100%;
}
}
</style>
- 发布:2024-09-13 16:20
- 更新:2024-09-13 16:51
- 阅读:69
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
浏览器平台: Chrome
浏览器版本: 127.0.6533.120
项目创建方式: CLI
CLI版本号: 5.0.8
示例代码:
操作步骤:
直接设置属性无效
直接设置属性无效
预期结果:
设置属性有效果
设置属性有效果
实际结果:
设置属性无效果
设置属性无效果
1***@qq.com (作者)
好吧,只写了平台差异,以为是支持的
2024-09-13 17:00
1***@qq.com (作者)
enable-3D和enable-building这个属性map组件是不是也不支持呀
2024-09-13 17:06
DCloud_UNI_yuhe
回复 1***@qq.com: 应该是,这主要是看地图厂商,应该是他们对应的版本api就没有提供相关接口
2024-09-13 17:13