import AMapLoader from '@amap/amap-jsapi-loader'

// 设置安全密钥

window._AMapSecurityConfig = {

securityJsCode: 'key', //设置高德安全密钥,通过该秘钥获取高德数据

}

这样写只能定义个个图标,想要同时可以展示多个图标,不知道应该怎么写

initMap() {

//初始化地图

AMapLoader.load({

key: '4e6ba029956ccb2e22f28fb782008a94',

version: '2.0',

plugins: ['AMap.Scale', 'AMap.MouseTool'], // 需要使用的的插件列表,如比例尺'AMap.Scale'等

})

.then((AMap) => {

// 初始化地图

this.map = new AMap.Map('container', {

viewMode: '3D',

zoom: 22,

plugins: [''],

center: this.firstArr, //[119.980915962, 30.520096745]

resizeEnable: true,

})

// 自定义图标

var IconImg = new AMap.Icon({

// 图标尺寸

size: new AMap.Size(80, 40),

// 图标的取图地址

image: require('../assets/icon_btk41kc4q9m/Bus.png'),

// 图标所用图片大小

imageSize: new AMap.Size(40, 20),

// imageSize: new AMap.Size(80, 40),

// 图标取图偏移量

// imageOffset: new AMap.Pixel(-9, -3)

})

this.marker = new AMap.Marker({

map: this.map,

// position: this.pereptionInfoList.map(item => [item.longitude,item.latitude])[0],

position: [119.980915962, 30.520096745],

// position: new AMap.LngLat(119.980915962, 30.520096745),

icon: IconImg,

offset: new AMap.Pixel(-35, -15), //调整图片偏移

// offset: new AMap.Pixel(-56, -30), //调整图片偏移

// autoRotation: true, //自动旋转

// angle: -90 //图片旋转角度

})

})

.catch((e) => {

console.log(e)

})

},

veu中高德怎么定义多个marker?相关推荐

  1. 高德地图实现多点标注marker和动态信息窗体

    先说一下项目对地图的需求:在后台新增地图管理模块,要求,每一辆车都在地图上有标注,而且点击标注时要显示出车辆的相关信息,比如车牌和车辆的当前状态. 下图就是实现的效果. 当然从高德地图api也能查看到 ...

  2. vue是否可以做行车轨迹_在vue中高德地图引入和轨迹的绘制的实现

    高德地图引入和轨迹的绘制 1.第一步 vue中使用cdn引入高德地图,并在main.js中进行全局配置.(百度上有高德地图引入与配置方法,这里就不详细介绍): 1)npm install vue-am ...

  3. java-在应用中获取spring定义的bean

    因为写了些bean作为quartz的任务用spring配置了,但有些时候需要在别的类中使用这些bean,没有太仔细去研究spring,依稀记得有个getBean,到网上g了一把,发现方法不止一种,选了 ...

  4. 在Java中是如何定义和声明接口的?

    java技术需要学习的内容有很多,本期小编整理的教程资料就是关于"在Java中是如何定义和声明接口的?"的内容,希望下面的介绍能够给大家带来帮助. 如果一个抽象类的所有方法都是抽象 ...

  5. java接口如何定义常量 c_在Java接口中怎样访问定义的常量呢?

    java接口是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为(功能).那么我们在Java接口中怎 ...

  6. GIS中的坐标系定义与转换

    GIS中的坐标系定义与转换 青岛海洋地质研究所 戴勤奋 2002-3-27 14:22:47 ----------------------------------------------------- ...

  7. java android 数组_android中数组的定义与使用

    android中数组的定义 可以直接在JAVA代码中声明,也可以在res->values目录下新建一个xml文件,作为数组资源进行声明 字符数组可以有如下2种声明方式String[]或者是Lis ...

  8. 办公自动化中工作流过程定义的设计与实现

    办公自动化中工作流过程定义的设计与实现 转载于:https://blog.51cto.com/hnoas/105576

  9. Linux内核源码中使用宏定义的若干技巧

    在C中,宏定义的概念虽然简单,但是真要用好却并不那么容易,下面从Linux源码中抽取一些宏定义的使用方法,希望能从中得到点启发: 1. 类型检查 比如module_init的宏定义: 点击(此处)折叠 ...

  10. 博途数据类型wstring怎么用_如何在STEP 7 (TIA 博途)中使用“用户定义数据类型” (UDTS)...

    说明 创建一个 PLC 数据类型,在项目导航中打开" PLC 数据类型"文件夹并双击"添加新数据类型".新创建的 PLC 数据类型将分配一个默认名称.如果想更改 ...

最新文章

  1. Spring Cloud Alibaba迁移指南(二):零代码替换 Eureka
  2. 宅家学习秘密武器!让时间从视频流和朋友圈中回到程序员的视野中吧!
  3. Java常用类(4)--System类
  4. Oracle创建表空间及用户
  5. python输出语句print i、j、k,python:在exec语句中获取打印输出
  6. 在你的代码中使用Boost智能指针
  7. 相分离相关文章阅读Cancer-Specific Retargeting of BAF Complexes by a Prion-like Domain
  8. 190314每日一句
  9. 测试librdkafka
  10. table表格固定表头
  11. Matlab中grid 的使用
  12. 图形驱动程序和显卡驱动什么区别_更新电脑显卡驱动有什么作用 更新电脑显卡驱动操作介绍【详解】...
  13. 同时开发两款H5的ARPG游戏的设计和实践
  14. 到底什么是超融合呢?
  15. android手机间的通讯,(一)Android 两部手机经过UDP在局域网内通讯
  16. 带你走进微博背后的大数据原理:微博推荐算法
  17. pip显示网络不可达错误解决
  18. 电商 lamp java_搭建LAMP环境部署Ecshop电商网站
  19. MyBatis-Plus 01入门
  20. C# Winform自动更新

热门文章

  1. 采用java编写一个软件,100以内的口算题【软件构造大作业】
  2. Centos6普通用户获取最高权限方法
  3. Filter vs Listener
  4. 统计|(可/无)重复双因素方差分析一般步骤及分析表
  5. 台北 ModernWeb.tw 参会流水账以及感想
  6. EXCEL 分组取前十的数据
  7. 深度丨语音识别技术专利申请分析及关键技术展望(上)
  8. 软件后台《积分制 / 绩效考核表》管理制度
  9. 基于ArcScene简单实验操作
  10. mysql怎么tonumber_orcale中的to_number方法使用