高德地图经纬度检索校验

最新推荐文章于 2023-11-28 10:17:49 发布

菜方方

最新推荐文章于 2023-11-28 10:17:49 发布

阅读量380

点赞数

分类专栏：前端高德地图文章标签： vue.js 前端

本文链接： https://blog.csdn.net/qq_46872379/article/details/125180043

版权

前端同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

高德地图

2 篇文章 0 订阅

订阅专栏

checkLngLat(value) {                       //value为输入框的值
      let lng, lat
      if (value.indexOf(',') != -1) {         //判断是否含有“,”
        let lngLat = value.split(',')         //从","处断开
        lng = lngLat[0]
        lat = lngLat[1]
        let isANumber = isNaN(lng || lat) === false
        if (!isANumber) {
          return this.$message.warning('请不要输入其他字符')
        }
        //校验规则
        let lngRules = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,6})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6}|180)$/
        let latRules = /^(\-|\+)?([0-8]?\d{1}\.\d{0,6}|90\.0{0,6}|[0-8]?\d{1}|90)$/
        let lonRe = new RegExp(lngRules)
        let latRe = new RegExp(latRules)
        if (!lonRe.test(lng)) {
          return this.$message.warning('经度不符合规范：经度整数部分为0-180,小数部分为0-6位！')
        }
        if (!latRe.test(lat)) {
          return this.$message.warning('纬度不符合规范：纬度整数部分为0-90,小数部分为0-6位！！')
        }
      } else {
        return this.$message.warning('请使用英文逗号分割经纬度')
      }
    },