Vue调用百度地图api问题
本帖最后由 wws741 于 2022-1-8 20:20 编辑怎么实现点击百度地图跳转到该点设计的标记，使用Vue-Baidu-Map那个库的 https://dafrok.github.io/vue-baidu-map/#/zh/start/usage
先看文档
<template>
<baidu-map :center="center" :zoom="zoom"></baidu-map>
</template>
<script>
export default {
data () {
return {
center: {lng: 0, lat: 0},
zoom: 3
}
},
mounted () {
this.lng = 116.404
this.lat = 39.915
this.zoom = 15
}
}
</script>
示例里面说的很清楚了., center 传入 object 对象中包括
Point
用于描述地图上点的经纬度。
结构
{
lng: Number
lat: Number
}
其他文档
Point
用于描述地图上点的经纬度。
结构
{
lng: Number
lat: Number
}
Size
用于描述地图上指定区域的长宽尺寸。
结构
{
width: Number,
height: Number
}
Pixel
用于描述地图上某一个像素点的坐标。
结构
{
x: Number,
y: Number
}
Bounds
用于描述地图上的一片区域上由西南和东北两个坐标围成的一片区域。
结构
{
sw: Number,
ne: Number
}
Icon
声明一个图标。
结构
{
url: String,
size: Size,
opts: {
anchor: Size,
imageOffset: Size,
imageSize: Size,
infoWindowAnchor: Size,
printImageUrl: String
}
}
Label
声明一个标签。
{
content: String,
opts: {
offset: Size
position: Point,
enableMassClear: Boolean
}
}
Copyright
声明一条版权信息。
{
id: Number,
content String,
bounds: Bounds
}
PredictDate
声明一个交通流量的预测日期。
{
weekday: Number,
hour: Number
}
MapStyle
该类用于设置地图样式，使用对象字面量形式表示。
{
features: Array,
style: String
}
其他参阅 https://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html 捉妖雷达的html版开源代码了解一下 帮顶一下
页:
[1]