vue中百度地图 坐标转换 循环向marker添加click点击事件 （优化）

方法一：在调用百度地图的时候，就初始化所有的点以及信息框，初始化时操作太多有点浪费资源。所以做了优化。优化内容：初始化时只将点渲染在地图上，单击点的时候在渲染信息框内容

<template>
    <div id="allmap" ref="allmap" /></div>
</template>

<script>
// as:将接口名A改为B
import {
    A as B } from '@/api/config/wellhead.js'

export default {
   
  name: 'Homepage',
  filters: {
   },
  components: {
   
  },
  data() {
   
    return {
   
      map: {
   }
  },
  mounted() {
   
    this.initmap()
  },
  methods: {
   
    // 初始化地图
    initmap() {
   
      this.map = new BMap.Map('allmap') // 创建Map实例
      const point = new BMap.Point(100, 35)
      this.map.centerAndZoom(point, 6)
      this.map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放
      this.map.addControl(new BMap.NavigationControl<