web前端全系列 教程
1839个小节阅读:2243.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
map地图组件
地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者
地图服务商 | App | H5 | 微信小程序 |
---|---|---|---|
高德 | √ | 3.6.0+ | |
Goolge | 3.4+ | 3.2.10+ | |
腾讯 | √ | √ |
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
longitude | Number | 中心经度 | |
latitude | Number | 中心纬度 | |
scale | Number | 16 | 缩放级别,取值范围为3-20 |
markers | Array | 标记点 |
xxxxxxxxxx
<map
style="width: 100%;height: 300px;"
scale="10"
:latitude="latitude"
:longitude="longitude"
@markertap="markerHandler"
:markers="covers">
</map>
xxxxxxxxxx
export default {
data() {
return {
latitude: 39.909,
longitude: 116.39742,
covers: [{
id: 0, // 使用 marker点击事件 需要填写id
latitude: 39.909,
longitude: 116.39742,
iconPath: "../../static/location.png"
}]
}
},
methods: {
markerHandler(e){
console.log(e.detail)
}
}
}
温馨提示
需要增加根据选择的地图的KEY:https://lbs.qq.com/
实时效果反馈
1. uni-app中,设置地图标记点的属性是下列哪个:
A longitude
B latitude
C scale
D markers
答案
1=>D