nazw/nnzwminiapp/pages/map/map.js

import {
	imgUrl
} from "../api/request"
var bmap = require('../../libs/bmap-wx.min.js');
var wxMarkerData = [];
const popType = [
  [
    ["受理场所", "查阅场所", ],
    ["区级政务服务中心", "镇（街道）便民服务中心", "村（社区）便民服务站", "生源地助学贷款办理点"],
    ["党群服务中心"],
    []
  ],
  [
    ["职业教育学校", "特殊教育学校", "高等院校", "小学", "中学", "幼儿园", "教育考试中心"],
    ["村卫生室", "社区卫生服务站", "儿科诊疗服务机构", "狂犬病、破伤风处置门诊", "免疫规划预防接种门诊", "二级医疗机构", "三级医疗机构", "社区卫生服务机构", "职业病诊断机构", "助产医疗机构", "产科门诊服务机构", "医疗保障事务中心", "核酸采样点"],
    ["派出所", "出入境业务办理机构"],
    ["交通支大队", "交通违法处理机构", "交通事故处理机构", "车管所", "机动车检测场所", "驾驶人体检医院", "车驾管社会服务站"]
  ],
  [
    ["就业和人才中心", "社会保险事务中心"],
    ["养老机构"],
    ["婚姻登记机构", "殡仪服务机构"],
    [],
    []
  ],
  [
    [],
    [],
    [],
    []
  ],
  [
    ["图书馆", "文化馆", "文管所", "公共体育馆", "旅游景点", "公园"],
    ["公证处", "司法鉴定机构", "基层司法所", "法律援助机构", "矫正中心"],
    ["残疾人服务中心", "定点残疾人服务机构"],
    []
  ],
  [
    ["商圈", "购物中心", "酒店"],
    [],
    []
  ]
]
Page({
  data: {
    imgUrl: imgUrl,
    markers: [],
    latitude: '',
    longitude: '',
    type:[
      [{"id":1,"name":"政务公开","image":imgUrl+"fgk.png"},{"id":2,"name":"政务服务","image":imgUrl+"fzwfw.png"},{"id":3,"name":"党群服务","image":imgUrl+"fdqfwzx.png"},{"id":4,"name":"核酸检测","image":imgUrl+"fhsjc.png"}],
      [{"id":1,"name":"教育资源","image":imgUrl+"fjy.png"},{"id":2,"name":"医疗卫生","image":imgUrl+"fyl.png"},{"id":3,"name":"户籍管理","image":imgUrl+"fhjgl.png"},{"id":4,"name":"交通服务","image":imgUrl+"fjtfw.png"}],
      [{"id":1,"name":"社会保障","image":imgUrl+"fshbz.png"},{"id":2,"name":"养老服务","image":imgUrl+"fylfw.png"},{"id":3,"name":"民政服务","image":imgUrl+"fmzfw.png"},{"id":4,"name":"办税服务","image":imgUrl+"fbsfwt.png"}],
      [{"id":1,"name":"市场监管","image":imgUrl+"fscjd.png"},{"id":2,"name":"住房保障","image":imgUrl+"fgzf.png"},{"id":3,"name":"不动产登记","image":imgUrl+"fbdcdj.png"},{"id":4,"name":"住房公积金","image":imgUrl+"fgjj.png"}],
      [{"id":1,"name":"文体旅游","image":imgUrl+"fwtly.png"},{"id":2,"name":"司法服务","image":imgUrl+"fsffw.png"},{"id":3,"name":"助疾服务","image":imgUrl+"fcjr.png"},{"id":4,"name":"产业园区","image":imgUrl+"fcyy.png"}],
      [{"id":1,"name":"商业服务","image":imgUrl+"fbmfw.png"},{"id":2,"name":"便民公厕","image":imgUrl+"fgc.png"},{"id":3,"name":"停车泊车","image":imgUrl+"ftc.png"}]
    ],
    popData:[],
    visible:false
  },
  
  onLoad: function () {
    var that = this;
    var BMap = new bmap.BMapWX({
      ak: 'QCc4aj8erQKVSfREHsbOLEDu3htQrNQU'
    });

    var fail = function (data) {
      console.log(data)
    };
    var success = function (data) {
      wxMarkerData = data.wxMarkerData;
      that.setData({
        markers: wxMarkerData
      });
      that.setData({
        latitude: wxMarkerData[0].latitude
      });
      that.setData({
        longitude: wxMarkerData[0].longitude
      });  
    }
    BMap.geocoding({
      address: '重庆市',
      fail: fail,
      success: success
    });
  },
  popview(e){
    let x =  e.currentTarget.dataset.index;
    let y = e.currentTarget.dataset.id;
    let pop =  popType[x][y-1]
    if(pop.length>0){
      this.setData({
        popData:popType[x][y-1],
        visible:true
      });
      // 弹出层逻辑加载
      console.log(this.data.visible);
    }else{
      // 跳转逻辑
    }
  },
  onVisibleChange(e) {
    this.setData({
      visible: e.detail.visible,
    });
  }

})