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:[],
    showIndex: false,
    showTraffic: true,
    height: 0,
    searchVal: '',
    trafficStart: '',
    trafficEnd: '',
    navigateArr: ['百度地图导航', '高德地图导航'],
    showSection: true,
    index: 0,
    isList:true,
    showSet: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
      });  
    }
    this.setData({
      height: wx.getSystemInfoSync().windowHeight
    })
    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:pop,
        showIndex:true
      });

      console.log(this.data.popData);
    }else{
      // 跳转逻辑
    }
  },
  closePopup(){
    this.setData({
      showIndex:false
    })
  },
  changeInfo(e){
    console.log(e.currentTarget.dataset.name);
  },
  // 电话拨打
  callNumber(e){

  },
// list跳转info
  changeItem(e){
    let value = e.currentTarget.dataset.value;
    if (value==="none"){
      this.setData({
        isList:false
      })
    }else{
      this.setData({
        isList:false,
        showSet:true
      })
    }
  },
  getSearchVal(e) {
        this.setData({
            searchVal: e.detail.value
        });
    },

    searchTap(e) {
        const that = this;
        let searchVal = this.data.searchVal;
        if (!searchVal) {
            wx.showToast({
                title: '搜索的内容不能为空',
                icon: 'none'
            })
            return;
        }
        console.info(searchVal)
        // 搜索结果
        that.setData({
            showTraffic: false
        });
    },

    getTrafficStart(e) {
        this.setData({
            trafficStart: e.detail.value
        });
    },
    getTrafficEnd(e) {
        this.setData({
            trafficEnd: e.detail.value
        });
    },

    searchTrafficTap(e) {
        const that = this;
        let trafficStart = this.data.trafficStart;
        let trafficEnd = this.data.trafficEnd;
        if (!trafficStart || !trafficEnd) {
            that.setData({
                showSection: true
            });
            wx.showToast({
                title: '请输入起点和终点',
                icon: 'none'
            });
            return;
        } else {
            that.setData({
                showSection: false
            });
        }
        console.info(trafficStart, trafficEnd);
    },

    bindPickerChange(e){
        console.info(e)
    },

    backSearch(){
      if(!this.data.isList){
        this.setData({
          isList:true,
          showSet:false
        })
      }else{
        if(!this.data.showTraffic){
          this.setData({
            showTraffic:true
          })
        }
      }
      
    }
})