123-Map

1.Map对象

Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。

2.Maps和Objects的区别

一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。

Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。

Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。

Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。

3.用法

var m1 =new Map([["age",20],[20,"hello"],["key","30"])//初始化
console.log(m1)

1.取数据

 var re1=m1.get("age")
 var re2=m1.get(20)
 var re3=m1.get(["key"])
 console.log(re1,re2,re3)//20 hello  30

2.存数据

m1.set("life",1)
m1.set("age",1)
console.log(m1)
console.log(m1.size)
m1.delete(20)
var re5=m1.delete("age")
var re6=m1.delete("age")

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
"vue-baidu-map-3x"是一个基于Vue.js的百度地图组件库,它提供了一系列的组件和指令,方便开发者在Vue.js项目中使用百度地图功能。 要通过经纬度进行跳转,可以使用该组件库中的`<baidu-map>`组件和`<baidu-marker>`组件来实现。首先,在Vue.js项目中安装并引入"vue-baidu-map-3x"组件库,然后在需要使用地图的页面中,使用`<baidu-map>`组件来显示地图,并设置`center`属性为目标经纬度。 接下来,在目标经纬度上添加一个标记点,可以使用`<baidu-marker>`组件,并设置`position`属性为目标经纬度。同时,可以设置该标记点的其他属性,如图标、标题等。 最后,通过点击标记点或其他交互方式触发跳转事件,在事件处理函数中使用百度地图的API进行跳转操作。可以使用`map.panTo()`方法将地图中心移动到目标经纬度,或者使用`map.setZoom()`方法设置地图缩放级别。 具体代码示例如下: ```html <template> <div> <baidu-map :ak="yourBaiduMapAK" :center="targetLatLng" :zoom="15"> <baidu-marker :position="targetLatLng" @click="jumpToTarget"></baidu-marker> </baidu-map> </div> </template> <script> import { BaiduMap, BaiduMarker } from 'vue-baidu-map-3x'; export default { components: { BaiduMap, BaiduMarker, }, data() { return { yourBaiduMapAK: 'yourBaiduMapAK', targetLatLng: { lng: 123.456, // 目标经度 lat: 12.345, // 目标纬度 }, }; }, methods: { jumpToTarget() { // 获取地图实例 const map = this.$refs.baiduMap.getMapInstance(); // 将地图中心移动到目标经纬度 map.panTo(new BMap.Point(this.targetLatLng.lng, this.targetLatLng.lat)); // 设置地图缩放级别 map.setZoom(15); }, }, }; </script> ``` 请注意,上述代码中的`yourBaiduMapAK`需要替换为你自己的百度地图开发者AK(Access Key),用于在使用百度地图API时进行身份验证。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值