微信小程序获取当前所在城市（地区定位与切换）

最新推荐文章于 2024-05-28 01:43:45 发布
最新推荐文章于 2024-05-28 01:43:45 发布
阅读量5.2k 收藏 13
点赞数 2
分类专栏： PHP js 访问腾讯地图服务
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42012939/article/details/109983360
版权
PHP 同时被 3 个专栏收录
29 篇文章 0 订阅
订阅专栏
js
16 篇文章 0 订阅
订阅专栏
访问腾讯地图服务
2 篇文章 0 订阅
订阅专栏

小程序地区定位与切换

添加链接描述
添加链接描述
添加链接描述

          <text class="chengshi">{{citynames}}</text>
          <block wx:if="{{diqutu==0}}">
           <image  bindtap="diquxuanzhe" src="/images/xiala.png" mode="widthFix" />
          </block>
           <block wx:if="{{diqutu==1}}">
           <image  bindtap="diquxuanzhe1" src="/images/xiala_1.png" mode="widthFix" />
          </block>
<block wx:if="{{xiala==true}}" >
<scroll-view scroll-y="true" style="height: {{winHeight}}px;" scroll-into-view="{{scrollTopId}}" class="city_list">
    <block wx:for="{{city}}" wx:for-index="idx" wx:for-item="cityName">
        <text id="{{idx}}" class="list_tit">{{idx}}</text>
        <block wx:for="{{cityName}}">
            <view class="list_con" data-city="{{item.name}}" bindtap="bindCity">{{item.name}}</view>
        </block>
    </block>
</scroll-view>
<!--城市选择列表-->
<view class="scroll_list" bindtouchstart="chStart" bindtouchend="chEnd" catchtouchmove="chMove" style="background: rgba(0,0,0,{{trans}});">
    <block wx:for="{{city}}" wx:for-index="idx" wx:for-item="cityName">
        <block wx:if="{{idx != '热门城市'}}">
            <view id="{{idx}}" class="scroll_list_chi" style="line-height:{{lineHeight}}px ; height:{{lineHeight}}px ;font-size:{{lineHeight/1.7}}px;" bindtouchstart="getWords" bindtouchend="setWords">{{idx}}</view>
        </block>
    </block>
</view>
</block>

 
<!--选择显示-->
<view hidden="{{hidden}}" class="showwords">
    {{showwords}}
</view>

city.js
 
var city = {
  "City": [
    {
      "热门城市": [
 
        {
          "name": "北京市",
          "key": "热门"
        },
        {
          "name": "上海市",
          "key": "热门"
        },
        {
          "name": "广州市",
          "key": "热门"
        },
        {
          "name": "深圳市",
          "key": "热门"
        },
        {
          "name": "成都市",
          "key": "热门"
        },
 
        {
          "name": "重庆市",
          "key": "热门"
        },
        {
          "name": "天津市",
          "key": "热门"
        },
        {
          "name": "杭州市",
          "key": "热门"
        },
        {
          "name": "南京市",
          "key": "热门"
        },
        {
          "name": "苏州市",
          "key": "热门"
        },
        {
          "name": "武汉市",
          "key": "热门"
        },
 
        {
          "name": "西安市",
          "key": "热门"
        }
 
      ],
      "A": [
        {
          "name": "阿坝市",
          "key": "A"
        },
        {
          "name": "阿拉善市",
          "key": "A"
        },
        {
          "name": "阿里市",
          "key": "A"
        },
        {
          "name": "安康市",
          "key": "A"
        },
        {
          "name": "安庆市",
          "key": "A"
        },
 
        {
          "name": "鞍山市",
          "key": "A"
        }
        ,
        {
          "name": "安顺市",
          "key": "A"
        }
        ,
        {
          "name": "安阳市",
          "key": "A"
        }
        ,
        {
          "name": "澳门市",
          "key": "A"
        }
      ],
      "B": [
        {
          "name": "北京市",
          "key": "B"
        },
        {
          "name": "白银市",
          "key": "B"
        },
        {
          "name": "保定市",
          "key": "B"
        },
        {
          "name": "宝鸡市",
          "key": "B"
        },
        {
          "name": "保山市",
          "key": "B"
        },
        {
          "name": "包头市",
          "key": "B"
        },
        {
          "name": "巴中市",
          "key": "B"
        }
        ,
        {
          "name": "北海市",
          "key": "B"
        }
        ,
        {
          "name": "蚌埠市",
          "key": "B"
        }
        ,
        {
          "name": "本溪市",
          "key": "B"
        }
        ,
        {
          "name": "毕节市",
          "key": "B"
        }
        ,
        {
          "name": "滨州市",
          "key": "B"
        }
        ,
        {
          "name": "百色市",
          "key": "B"
        }
        ,
        {
          "name": "亳州市",
          "key": "B"
        }
      ],
      "C": [
        {
          "name": "重庆市",
          "key": "C"
        },
        {
          "name": "成都市",
          "key": "C"
        },
        {
          "name": "长沙市",
          "key": "C"
        },
        {
          "name": "长春市",
          "key": "C"
        },
        {
          "name": "沧州市",
          "key": "C"
        },
        {
          "name": "常德市",
          "key": "C"
        },
        {
          "name": "昌都市",
          "key": "C"
        }
        ,
        {
          "name": "长治市",
          "key": "C"
        }
        ,
        {
          "name": "常州市",
          "key": "C"
        }
        ,
        {
          "name": "巢湖市",
          "key": "C"
        }
        ,
        {
          "name": "潮州市",
          "key": "C"
        }
        ,
        {
          "name": "承德市",
          "key": "C"
        }
        ,
        {
          "name": "郴州市",
          "key": "C"
        }
        ,
        {
          "name": "赤峰市",
          "key": "C"
        }
        ,
        {
          "name": "池州市",
          "key": "C"
        }
        ,
        {
          "name": "崇左市",
          "key": "C"
        }
        ,
        {
          "name": "楚雄市",
          "key": "C"
        }
        ,
        {
          "name": "滁州市",
          "key": "C"
        }
        ,
        {
          "name": "朝阳市",
          "key": "C"
        }
      ],
      "D": [
        {
          "name": "大连市",
          "key": "D"
        },
        {
          "name": "东莞市",
          "key": "D"
        },
        {
          "name": "大理市",
          "key": "D"
        },
        {
          "name": "丹东市",
          "key": "D"
        },
        {
          "name": "大庆市",
          "key": "D"
        },
        {
          "name": "大同市",
          "key": "D"
        },
        {
          "name": "大兴安岭市",
          "key": "D"
        }
        ,
        {
          "name": "德宏市",
          "key": "D"
        }
        ,
        {
          "name": "德阳市",
          "key": "D"
        }
        ,
        {
          "name": "德州市",
          "key": "D"
        }
        ,
        {
          "name": "定西市",
          "key": "D"
        }
        ,
        {
          "name": "迪庆市",
          "key": "D"
        }
        ,
        {
          "name": "东营市",
          "key": "D"
        }
 
      ],
      "E": [
        {
          "name": "鄂尔多斯市",
          "key": "E"
        }
        ,
        {
          "name": "恩施市",
          "key": "E"
        }
        ,
        {
          "name": "鄂州市",
          "key": "E"
        }
      ],
      "F": [
        {
          "name": "福州市",
          "key": "F"
        }
        ,
        {
          "name": "防城港市",
          "key": "F"
        }
        ,
        {
          "name": "佛山市",
          "key": "F"
        }
        ,
        {
          "name": "抚顺市",
          "key": "F"
        }
        ,
        {
          "name": "抚州市",
          "key": "F"
        }
        ,
        {
          "name": "阜新市",
          "key": "F"
        }
        ,
        {
          "name": "阜阳市",
          "key": "F"
        }
      ]
      ,
      "G": [
        {
          "name": "广州市",
          "key": "G"
        },
        {
          "name": "赣州市",
          "key": "G"
        },
        {
          "name": "桂林市",
          "key": "G"
        },
        {
          "name": "贵阳市",
          "key": "G"
        },
        {
          "name": "甘南市",
          "key": "G"
        },
 
        {
          "name": "甘孜市",
          "key": "G"
        },
        {
          "name": "广安市",
          "key": "G"
        }
        ,
        {
          "name": "广元市",
          "key": "G"
        }
        ,
        {
          "name": "果洛市",
          "key": "G"
        }
        ,
        {
          "name": "贵港市",
          "key": "G"
        }
 
      ],
 
      "H": [
        {
          "name": "杭州市",
          "key": "H"
        },
        {
          "name": "哈尔滨市",
          "key": "H"
        },
        {
          "name": "合肥市",
          "key": "H"
        },
        {
          "name": "海口市",
          "key": "H"
        },
        {
          "name": "海东市",
          "key": "H"
        },
        {
          "name": "海北市",
          "key": "H"
        },
        {
          "name": "海南市",
          "key": "H"
        }
        ,
        {
          "name": "海西市",
          "key": "H"
        }
        ,
        {
          "name": "邯郸市",
          "key": "H"
        }
 
        ,
        {
          "name": "汉中市",
          "key": "H"
        }
        ,
        {
          "name": "鹤壁市",
          "key": "H"
        }
        ,
        {
          "name": "河池市",
          "key": "H"
        }
        ,
        {
          "name": "鹤岗市",
          "key": "H"
        }
        ,
        {
          "name": "黑河市",
          "key": "H"
        }
        ,
        {
          "name": "衡水市",
          "key": "H"
        }
        ,
        {
          "name": "衡阳市",
          "key": "H"
        }
 
        ,
        {
          "name": "河源市",
          "key": "H"
        }
        ,
        {
          "name": "贺州市",
          "key": "H"
        }
        ,
        {
          "name": "红河市",
          "key": "H"
        }
        ,
        {
          "name": "淮安市",
          "key": "H"
        }
        ,
        {
          "name": "淮北市",
          "key": "H"
        }
        ,
        {
          "name": "怀化市",
          "key": "H"
        }
        ,
        {
          "name": "淮南市",
          "key": "H"
        }
        ,
 
        {
          "name": "黄冈市",
          "key": "H"
        }
        ,
        {
          "name": "黄南市",
          "key": "H"
        }
        ,
        {
          "name": "黄山市",
          "key": "H"
        },
        {
          "name": "黄石市",
          "key": "H"
        },
        {
          "name": "惠州市",
          "key": "H"
        },
        {
          "name": "葫芦岛市",
          "key": "H"
        },
        {
          "name": "呼伦贝尔市",
          "key": "H"
        },
        {
          "name": "湖州市",
          "key": "H"
        }
        ,
        {
          "name": "菏泽市",
          "key": "H"
        }
 
      ],
      "J": [
 
        {
          "name": "济南市",
          "key": "J"
        },
        {
          "name": "佳木斯市",
          "key": "J"
        },
        {
          "name": "吉安市",
          "key": "J"
        },
        {
          "name": "江门市",
          "key": "J"
        },
        {
          "name": "焦作市",
          "key": "J"
        },
        {
          "name": "嘉兴市",
          "key": "J"
        },
        {
          "name": "嘉峪关市",
          "key": "J"
        }
        ,
        {
          "name": "揭阳市",
          "key": "J"
        }
        ,
 
        {
          "name": "吉林市",
          "key": "J"
        }
        ,
        {
          "name": "金昌市",
          "key": "J"
        }
        ,
        {
          "name": "晋城市",
          "key": "J"
        }
        ,
        {
          "name": "景德镇市",
          "key": "J"
        }
        ,
        {
          "name": "荆门市",
          "key": "J"
        }
        ,
        {
          "name": "荆州市",
          "key": "J"
        }
        ,
        {
          "name": "金华市",
          "key": "J"
        }
 
        ,
        {
          "name": "济宁市",
          "key": "J"
        }
        ,
        {
          "name": "晋中市",
          "key": "J"
        }
        ,
        {
          "name": "锦州市",
          "key": "J"
        }
        ,
        {
          "name": "九江市",
          "key": "J"
        }
        ,
        {
          "name": "酒泉市",
          "key": "J"
        }
      ]
      ,
      "K": [
        {
          "name": "昆明市",
          "key": "K"
 
        }
        ,
        {
 
          "name": "开封市",
          "key": "K"
        }
      ]
      ,
 
      "L": [
        {
          "name": "兰州市",
          "key": "L"
        },
        {
          "name": "拉萨市",
          "key": "L"
        },
        {
          "name": "来宾市",
          "key": "L"
        },
        {
          "name": "莱芜市",
          "key": "L"
        },
        {
          "name": "廊坊市",
          "key": "L"
        },
        {
          "name": "乐山市",
          "key": "L"
        },
        {
          "name": "凉山市",
          "key": "L"
        }
        ,
        {
          "name": "连云港市",
          "key": "L"
        }
 
        ,
        {
          "name": "聊城市",
          "key": "L"
        }
 
        ,
        {
          "name": "辽阳市",
          "key": "L"
        }
        ,
        {
          "name": "辽源市",
          "key": "L"
        }
        ,
        {
          "name": "丽江市",
          "key": "L"
        }
        ,
        {
          "name": "临沧市",
          "key": "L"
        }
        ,
        {
          "name": "临汾市",
          "key": "L"
        }
        ,
        {
          "name": "临夏市",
          "key": "L"
        }
        ,
 
        {
          "name": "临沂市",
          "key": "L"
        }
 
        ,
        {
          "name": "林芝市",
          "key": "L"
        }
        ,
        {
          "name": "丽水市",
          "key": "L"
        }
        ,
        {
          "name": "六安市",
          "key": "L"
        }
        ,
        {
          "name": "六盘水市",
          "key": "L"
        }
        ,
        {
          "name": "柳州市",
          "key": "L"
        }
        ,
        {
          "name": "陇南市",
          "key": "L"
        }
        ,
 
        {
          "name": "龙岩市",
          "key": "L"
        }
        ,
 
        {
          "name": "娄底市",
          "key": "L"
        }
        ,
        {
          "name": "漯河市",
          "key": "L"
        }
        ,
        {
          "name": "洛阳市",
          "key": "L"
        },
        {
          "name": "泸州市",
          "key": "L"
        },
        {
          "name": "吕梁市",
          "key": "L"
        }
 
      ],
 
      "M": [
        {
          "name": "马鞍山市",
          "key": "M"
        }
        ,
        {
          "name": "茂名市",
          "key": "M"
        }
        ,
        {
          "name": "眉山市",
          "key": "M"
        }
        ,
        {
          "name": "梅州市",
          "key": "M"
        }
        ,
        {
          "name": "绵阳市",
          "key": "M"
        }
        ,
        {
          "name": "牡丹江市",
          "key": "M"
        }
 
      ],
      "N": [
 
        {
          "name": "南京市",
          "key": "N"
        },
        {
          "name": "南昌市",
          "key": "N"
        },
        {
          "name": "南宁市",
          "key": "N"
        },
        {
          "name": "南充市",
          "key": "N"
        },
        {
          "name": "南平市",
          "key": "N"
        },
        {
          "name": "南通市",
          "key": "N"
        },
        {
          "name": "南阳市",
          "key": "N"
        }
        ,
        {
          "name": "那曲市",
          "key": "N"
        }
 
        ,
        {
          "name": "内江市",
          "key": "N"
        }
        ,
        {
          "name": "宁德市",
          "key": "N"
        }
        ,
        {
          "name": "怒江市",
          "key": "N"
        }
 
 
      ],
      "P": [
 
        {
          "name": "盘锦市",
          "key": "P"
        }
        ,
        {
          "name": "攀枝花市",
          "key": "P"
        }
        ,
        {
          "name": "平顶山市",
          "key": "P"
        }
        ,
        {
          "name": "平凉市",
          "key": "P"
        }
        ,
        {
          "name": "萍乡市",
          "key": "P"
        }
        ,
        {
          "name": "莆田市",
          "key": "P"
        }
        ,
        {
          "name": "濮阳市",
          "key": "P"
        }
 
      ],
      "Q": [
 
        {
          "name": "青岛市",
          "key": "Q"
        },
        {
          "name": "黔东南市",
          "key": "Q"
        },
        {
          "name": "黔南市",
          "key": "Q"
        },
        {
          "name": "黔西南市",
          "key": "Q"
        },
        {
          "name": "庆阳市",
          "key": "Q"
        },
        {
          "name": "清远市",
          "key": "Q"
        },
        {
          "name": "秦皇岛市",
          "key": "Q"
        }
        ,
        {
          "name": "钦州市",
          "key": "Q"
        }
        ,
        {
          "name": "齐齐哈尔市",
          "key": "Q"
        }
        ,
        {
          "name": "泉州市",
          "key": "Q"
        }
        ,
        {
          "name": "曲靖市",
          "key": "Q"
        }
        ,
        {
          "name": "衢州市",
          "key": "Q"
        }
 
 
      ],
 
      "R": [
        {
          "name": "日喀则市",
          "key": "R"
        },
        {
          "name": "日照市",
          "key": "R"
        }
      ]
      ,
 
      "S": [
        {
          "name": "上海市",
          "key": "S"
        },
        {
          "name": "深圳市",
          "key": "S"
        },
        {
          "name": "苏州市",
          "key": "S"
        },
        {
          "name": "沈阳市",
          "key": "S"
        },
        {
          "name": "石家庄市",
          "key": "S"
        },
        {
          "name": "三门峡市",
          "key": "S"
        },
        {
          "name": "三明市",
          "key": "S"
        }
        ,
        {
          "name": "三亚市",
          "key": "S"
        }
 
        ,
        {
          "name": "商洛市",
          "key": "S"
        }
 
        ,
        {
          "name": "商丘市",
          "key": "S"
        }
        ,
        {
          "name": "上饶市",
          "key": "S"
        }
        ,
        {
          "name": "山南市",
          "key": "S"
        }
        ,
        {
          "name": "汕头市",
          "key": "S"
        }
        ,
        {
          "name": "汕尾市",
          "key": "S"
        }
        ,
        {
          "name": "韶关市",
          "key": "S"
        }
        ,
 
        {
          "name": "绍兴市",
          "key": "S"
        }
 
        ,
        {
          "name": "邵阳市",
          "key": "S"
        }
        ,
        {
          "name": "十堰市",
          "key": "S"
        }
        ,
        {
          "name": "朔州市",
          "key": "S"
        }
        ,
        {
          "name": "四平市",
          "key": "S"
        }
        ,
        {
          "name": "绥化市",
          "key": "S"
        }
        ,
        {
          "name": "遂宁市",
          "key": "S"
        }
        ,
 
        {
          "name": "随州市",
          "key": "S"
        }
        ,
 
        {
          "name": "娄底市",
          "key": "S"
        }
        ,
        {
          "name": "宿迁市",
          "key": "S"
        }
        ,
        {
          "name": "宿州市",
          "key": "S"
        }
 
      ],
      "T": [
 
        {
          "name": "天津市",
          "key": "T"
        },
        {
          "name": "太原市",
          "key": "T"
        },
        {
          "name": "泰安市",
          "key": "T"
        },
        {
          "name": "泰州市",
          "key": "T"
        },
        {
          "name": "唐山市",
          "key": "T"
        },
        {
          "name": "天水市",
          "key": "T"
        },
        {
          "name": "铁岭市",
          "key": "T"
        }
        ,
        {
          "name": "铜川市",
          "key": "T"
        }
        ,
 
        {
          "name": "通化市",
          "key": "T"
        }
        ,
        {
          "name": "通辽市",
          "key": "T"
        }
        ,
        {
          "name": "铜陵市",
          "key": "T"
        }
        ,
        {
          "name": "铜仁市",
          "key": "T"
        }
        ,
        {
          "name": "台湾市",
          "key": "T"
        }
 
 
      ]
      ,
      "W": [
 
        {
          "name": "武汉市",
          "key": "W"
        },
        {
          "name": "乌鲁木齐市",
          "key": "W"
        },
        {
          "name": "无锡市",
          "key": "W"
        },
        {
          "name": "威海市",
          "key": "W"
        },
        {
          "name": "潍坊市",
          "key": "W"
        },
        {
          "name": "文山市",
          "key": "W"
        },
        {
          "name": "温州市",
          "key": "W"
        }
        ,
        {
          "name": "乌海市",
          "key": "W"
        }
        ,
 
        {
          "name": "芜湖市",
          "key": "W"
        }
        ,
        {
          "name": "乌兰察布市",
          "key": "W"
        }
        ,
        {
          "name": "武威市",
          "key": "W"
        }
        ,
        {
          "name": "梧州市",
          "key": "W"
        }
 
      ],
      "X": [
 
        {
          "name": "厦门市",
          "key": "X"
        },
        {
          "name": "西安市",
          "key": "X"
        },
        {
          "name": "西宁市",
          "key": "X"
        },
        {
          "name": "襄樊市",
          "key": "X"
        },
        {
          "name": "湘潭市",
          "key": "X"
        },
        {
          "name": "湘西市",
          "key": "X"
        },
        {
          "name": "咸宁市",
          "key": "X"
        }
        ,
        {
          "name": "咸阳市",
          "key": "X"
        }
        ,
 
        {
          "name": "孝感市",
          "key": "X"
        }
        ,
        {
          "name": "邢台市",
          "key": "X"
        }
        ,
        {
          "name": "新乡市",
          "key": "X"
        }
        ,
        {
          "name": "信阳市",
          "key": "X"
        }
        ,
        {
          "name": "新余市",
          "key": "X"
        }
        ,
        {
          "name": "忻州市",
          "key": "X"
        }
        ,
        {
          "name": "西双版纳市",
          "key": "X"
        }
 
        ,
        {
          "name": "宣城市",
          "key": "X"
        }
        ,
 
        {
          "name": "许昌市",
          "key": "X"
        }
        ,
        {
          "name": "徐州市",
          "key": "X"
        }
        ,
        {
          "name": "香港市",
          "key": "X"
        }
        ,
        {
          "name": "锡林郭勒市",
          "key": "X"
        }
        ,
        {
          "name": "兴安市",
          "key": "X"
        }
      ]
      ,
      "Y": [
 
        {
          "name": "银川市",
          "key": "Y"
        },
        {
          "name": "雅安市",
          "key": "Y"
        },
        {
          "name": "延安市",
          "key": "Y"
        },
        {
          "name": "延边市",
          "key": "Y"
        },
        {
          "name": "盐城市",
          "key": "Y"
        },
        {
          "name": "阳江市",
          "key": "Y"
        },
 
        {
          "name": "阳泉市",
          "key": "Y"
        }
        ,
        {
          "name": "扬州市",
          "key": "Y"
        }
        ,
 
        {
          "name": "烟台市",
          "key": "Y"
        }
        ,
        {
          "name": "宜宾市",
          "key": "Y"
        }
        ,
        {
          "name": "宜昌市",
          "key": "Y"
        }
        ,
        {
          "name": "宜春市",
          "key": "Y"
        }
        ,
        {
          "name": "营口市",
          "key": "Y"
        }
        ,
 
        {
          "name": "益阳市",
          "key": "Y"
        }
        ,
        {
          "name": "永州市",
          "key": "Y"
        }
 
        ,
        {
          "name": "岳阳市",
          "key": "Y"
        }
        ,
 
        {
          "name": "榆林市",
          "key": "Y"
        }
        ,
        {
          "name": "运城市",
          "key": "Y"
        }
        ,
        {
          "name": "云浮市",
          "key": "Y"
        }
        ,
        {
          "name": "玉树市",
          "key": "Y"
        }
        ,
        {
          "name": "玉溪市",
          "key": "Y"
        }
        ,
        {
          "name": "玉林市",
          "key": "Y"
        }
 
      ],
 
      "Z": [
        {
          "name": "杂多县",
          "key": "Z"
        },
        {
          "name": "赞皇县",
          "key": "Z"
        },
        {
          "name": "枣强县",
          "key": "Z"
        },
        {
          "name": "枣阳市市",
          "key": "Z"
        },
        {
          "name": "枣庄市",
          "key": "Z"
        },
        {
          "name": "泽库县",
          "key": "Z"
        },
        {
          "name": "增城市市",
          "key": "Z"
        }
        ,
 
        {
          "name": "曾都区市",
          "key": "Z"
        }
        ,
        {
          "name": "泽普县",
          "key": "Z"
        }
 
        ,
        {
          "name": "泽州县",
          "key": "Z"
        }
        ,
        {
          "name": "札达县",
          "key": "Z"
        }
        ,
        {
          "name": "扎赉特旗市",
          "key": "Z"
        }
        ,
        {
          "name": "扎兰屯市市",
          "key": "Z"
        }
        ,
        {
          "name": "扎鲁特旗市",
          "key": "Z"
        }
        ,
 
        {
          "name": "扎囊县",
          "key": "Z"
        }
        ,
        {
          "name": "张北县",
          "key": "Z"
        }
 
        ,
        {
          "name": "张店区市",
          "key": "Z"
        }
        ,
        {
          "name": "章贡区市",
          "key": "Z"
        }
        ,
        {
          "name": "张家港市",
          "key": "Z"
        }
        ,
        {
          "name": "张家界市",
          "key": "Z"
        }
        ,
        {
          "name": "张家口市",
          "key": "Z"
        }
        ,
        {
          "name": "漳平市市",
          "key": "Z"
        }
        ,
 
        {
          "name": "漳浦县",
          "key": "Z"
        }
        ,
 
        {
          "name": "章丘市市",
          "key": "Z"
        }
        ,
        {
          "name": "樟树市市",
          "key": "Z"
        }
        ,
        {
          "name": "张湾区市",
          "key": "Z"
        },
        {
          "name": "彰武县",
          "key": "Z"
        },
        {
          "name": "漳县",
          "key": "Z"
        },
        {
          "name": "张掖市",
          "key": "Z"
        },
        {
          "name": "漳州市",
          "key": "Z"
        },
        {
          "name": "长子县",
          "key": "Z"
        }
        ,
 
        {
          "name": "湛河区市",
          "key": "Z"
        }
        ,
        {
          "name": "湛江市",
          "key": "Z"
        }
        ,
 
        {
          "name": "站前区市",
          "key": "Z"
        }
        ,
        {
          "name": "沾益县",
          "key": "Z"
        }
        ,
        {
          "name": "诏安县",
          "key": "Z"
        },
        {
          "name": "召陵区市",
          "key": "Z"
        },
        {
          "name": "昭平县",
          "key": "Z"
        },
        {
          "name": "肇庆市",
          "key": "Z"
        },
        {
          "name": "昭通市",
          "key": "Z"
        },
        {
          "name": "赵县",
          "key": "Z"
        }
 
      ]
    }
  ]
}
module.exports = city;
　　selectcity.js

//先引用城市数据文件
var city = require('city.js')
var lineHeight = 0;
var endWords = "";
var isNum;
Page({
  data: {
    "hidden": true,
    cityName: "", //获取选中的城市名
     diqutu:0,
    xiala:'',
    citynames:'',
  },
  onLoad: function (options) {
    // 生命周期函数--监听页面加载
  },
  onLoad: function (options) {
    var that=this;
    //获取屏幕的高度
    wx.getSystemInfo({ 
        success: function (res) { 
          console.log(res);
          that.setData({
            clientHeight:(res.windowHeight)-342,
          }) 
        } 
    });
    wx.getLocation({
      type: 'wgs84',
      success (res) {
        var lat = res.latitude
        var log = res.longitude
    
        that.loadCity(log, lat)
      }
     })


  },

  loadCity:function(log, lat) {
    var self = this
    console.log(getApp().api.default.baidujiankou);
    wx.request({
      url: getApp().api.default.baidujiankou,
      method: 'POST',
      data:{
      lat:lat,
      log:log
      }, 
      header: {
      
        'content-type':'application/x-www-form-urlencoded',
        'Accept': 'application/json'
      },
  
      success: function (res) {
        self.setData({
          citynames:res.data.data
        })
       
        
      }
    })
  },
  onShow: function () {
    // 生命周期函数--监听页面显示
 
  },
  onHide: function () {
    // 生命周期函数--监听页面隐藏
 
  },
  onUnload: function () {
    // 生命周期函数--监听页面卸载
 
  },
  //触发全部开始选择
  chStart: function () {
    this.setData({
      trans: ".3",
      hidden: false
    })
  },
  //触发结束选择
  chEnd: function () {
    this.setData({
      trans: "0",
      hidden: true,
      scrollTopId: this.endWords
    })
  },
  //获取文字信息
  getWords: function (e) {
    var id = e.target.id;
    this.endWords = id;
    isNum = id;
    this.setData({
      showwords: this.endWords
    })
  },
  //设置文字信息
  setWords: function (e) {
    var id = e.target.id;
    this.setData({
      scrollTopId: id
    })
  },
 
  // 滑动选择城市
  chMove: function (e) {
    var y = e.touches[0].clientY;
    var offsettop = e.currentTarget.offsetTop;
    var height = 0;
    var that = this;;
    var cityarr = ["A", "B", "C", "D", "E", "F", "G", "H", "J", "K", "L", "M", "N", "P", "Q", "R", "S", "T", "W", "X", "Y", "Z"]
    // 获取y轴最大值
    wx.getSystemInfo({
      success: function (res) {
        height = res.windowHeight - 10;
      }
    });
 
    //判断选择区域,只有在选择区才会生效
    if (y > offsettop && y < height) {
      // console.log((y-offsettop)/lineHeight)
      var num = parseInt((y - offsettop) / lineHeight);
      endWords = cityarr[num];
      // 这里 把endWords 绑定到this 上，是为了手指离开事件获取值
      that.endWords = endWords;
    };
 
 
    //去除重复，为了防止每次移动都赋值 ,这里限制值有变化后才会有赋值操作，
    //DOTO 这里暂时还有问题，还是比较卡，待优化
    if (isNum != num) {
      // console.log(isNum);
      isNum = num;
      that.setData({
        showwords: that.endWords
      })
    }
  },
  //选择城市，并让选中的值显示在文本框里
  bindCity: function (e) {
    var cityName = e.currentTarget.dataset.city;
    var pages = getCurrentPages();
    var prevPage = pages[pages.length - 2]; //上一个页面
 
    //直接调用上一个页面的setData()方法，把数据存到上一个页面中去
    prevPage.setData({
      cityName: cityName
    })
    wx.navigateBack()
    // wx.navigateBack({
    //   url: '/pages/home/search/index'
    // })
  }
})
　　selectcity.wxml

<!--index.wxml-->
<!-- <view class="title">
  <input class="title_list" value="{{cityName}}" placeholder="城市名称" />
  <button>确认</button>
</view> -->
<scroll-view scroll-y="true" style="height: {{winHeight}}px;" scroll-into-view="{{scrollTopId}}" class="city_list">
    <block wx:for="{{city}}" wx:for-index="idx" wx:for-item="cityName">
        <text id="{{idx}}" class="list_tit">{{idx}}</text>
        <block wx:for="{{cityName}}">
            <view class="list_con" data-city="{{item.name}}" bindtap="bindCity">{{item.name}}</view>
        </block>
    </block>
</scroll-view>
<!--城市选择列表-->
<view class="scroll_list" bindtouchstart="chStart" bindtouchend="chEnd" catchtouchmove="chMove" style="background: rgba(0,0,0,{{trans}});">
    <block wx:for="{{city}}" wx:for-index="idx" wx:for-item="cityName">
        <block wx:if="{{idx != '热门城市'}}">
            <view id="{{idx}}" class="scroll_list_chi" style="line-height:{{lineHeight}}px ; height:{{lineHeight}}px ;font-size:{{lineHeight/1.7}}px;" bindtouchstart="getWords" bindtouchend="setWords">{{idx}}</view>
        </block>
    </block>
</view>
 
<!--选择显示-->
<view hidden="{{hidden}}" class="showwords">
    {{showwords}}
</view>
　　selectcity.wxss

/* pages/home/selectcity/selectcity.wxss */
/**index.wxss**/
 
.title {
    position: relative;
    padding: 10px 0;
}
.title_list {
    display: inline-block;
    padding: 0 15px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}
.title button {
    width: 50px;
    height: 30px;
    font-size: 16px;
    padding: 0;
    line-height: 30px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom:0;
    right: 10px;
    background: none;
}
.title button::after {
    border: none;
}
.title_list:nth-child(1) {
    border-right:1px #ccc solid;
}
/*城市列表*/
.city_list {
    position: relative;
}
 
/*城市选择头部*/
.list_tit {
    display: block;
    line-height: 40px;
    height: 40px;
    padding-left: 15px;
    font-size: 16ppx;
    background: #f5f5f5;
    color: #666;
}
.list_con {
    height: 40px;
    /*border-top: 1px #f5f5f5 solid ;*/
    line-height: 40px;
    font-size: 16px;
    padding-left: 15px;
}
.list_con::before {
    content: " ";
    height: 1px;
    border-top: 1px #f5f5f5 solid;
    position: absolute;
    width: 100%;
}
.list_con::before:nth-child(1) {
    border: none;
}
/*城市选择 右边*/
.scroll_list {
    background: rgba(0,0,0,0);
    position: absolute;
    height: calc(100% - 100px);
    width: 25px;
    top: 90px;
    right: 10px;
}
.scroll_list_chi {
    /*border: 1px blue solid;*/
    text-align: center;
    font-size: 12px;
}
/*显示框*/
 
.showwords {
    width: 80px;
    height: 80px;
    background: rgba(0,0,0,.3);
    border-radius:50%;
    line-height: 80px;
    text-align: center;
    font-size:10vw;
    margin: auto;
    position: absolute;
    top: 0;left: 0;bottom: 0;right: 0;
    z-index: 999;  
}

微信小程序获取当前所在城市

  onLoad: function (options) {
    var that=this;
    //获取屏幕的高度
    wx.getSystemInfo({ 
        success: function (res) { 
          console.log(res);
          that.setData({
            clientHeight:(res.windowHeight)-342,
          }) 
        } 
    });
    wx.getLocation({
      type: 'wgs84',
      success (res) {
        var lat = res.latitude
        var log = res.longitude
    
        that.loadCity(log, lat)
      }
     })


  },

  loadCity:function(log, lat) {
    var self = this
    console.log(getApp().api.default.baidujiankou);
    wx.request({
      url: getApp().api.default.baidujiankou,
      method: 'POST',
      data:{
      lat:lat,
      log:log
      }, 
      header: {
      
        'content-type':'application/x-www-form-urlencoded',
        'Accept': 'application/json'
      },
  
      success: function (res) {
        self.setData({
          citynames:res.data.data
        })
       
        
      }
    })
  },

   /**
     * 百度接口
     */
    public function actionBaiduApi()
    {

         $post= \Yii::$app->request->post();
         $lat=$post['lat'];
         $log=$post['log'];
        $baiduak = 'dobMPqvK2CMi1c0mDqhFrEcSXNeUtDIo';
        $url = "http://api.map.baidu.com/reverse_geocoding/v3/?ak=$baiduak&output=json&coordtype=wgs84ll&location=$lat,$log";
        // print_r($url);
            // $api = "https://api.weixin.qq.com/sns/jscode2session?appid={$this->wechat_app->app_id}&secret={$this->wechat_app->app_secret}&js_code={$code}&grant_type=authorization_code";
        $curl = new Curl();
        $curl->setOpt(CURLOPT_SSL_VERIFYPEER, false);
        $curl->get($url);
        $res = $curl->response;
        $res = json_decode($res, true);
        if($res['status'] === 0){
            $city=$res['result']['addressComponent']['city'];
             return new ApiResponse(0, 'success', $city);
           //  echo "<pre>";
           // print_r($res['result']['addressComponent']['city']); 
        }
        
        // return $res;



    }
码农挚友
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发之城市定位
风中追风
02-25 1264
背景： 在进行小程序开发时，有一个定位城市的需求，下面就来讲讲怎么实现这个功能的吧 解决方案： 小程序的wx.getLocation()获得是经纬度并不包含地名，所以要通过经纬度用相应的地图转换出地名(本文使用的是百度地图)。 /* 微信获取城市定位 */ wx.getLocation({ type: 'wgs84', success(res...
微信小程序分析与学习(城市切换Switchcity)
m0_37686209的博客
01-20 874
城市切换SwitchcityWXML部分详解页面中代码和页面视图块的对应关系(在调试器中查看)右侧索引栏对应代码右侧索引栏对应代码编辑器中查看对应代码 初学者(本人)面对城市切换的调试学习过程 对于示例的学习，我们需要找到这个功能的互动效果在哪里写(一般是js里面)，模块的视觉效果(边边块块和字体等)在.wxss中定义，而这些边边块块以及文字的内容又是在wx,l中创建的。只要有内容，在wxml中肯定有对应的设置。因此可以说整个的效果是通过wxml将js的效果和wxss的效果联系的。我们的调试目标就是体会这
微信小程序授权获取用户当前经纬度位置并转换为具体城市
SkipCode Blog
06-19 1882
每日一句激励人心的鸡汤：     认真阅读接口文档，     认真阅读接口文档，     认真阅读接口文档。 微信小程序获取用户当前经纬度位置 getLocation() API文档传送门，查看文档后你会发现想要拿到用户当前所在位置的经纬度，你还得经过他的授权，就是你进入一个小程序的时候，他会弹出一个框：XX小程序现在想要获取你的位置>>>>>授权授权授
微信小程序城市选择器
06-01
微信小程序城市选择器 没有加搜索，请自行添加搜索 1、安装 git clone git@github.com:chenjinxinlove/citySelect.git cd citySelect/    npm install 是基于gulp，需要安装依赖，支持es6语法    dist设置为微信小程序目录，src开发目录，添加IDE认识微信的文件，css基于sass image 2、npm run dev 启动 3、处理城市列表的js脚本在/node/process.js node process 执行
微信小程序获取当前位置和城市名
最新发布
2401_85124866的博客
05-28 726
1， 获取当前地理位置，首先要拿到用户的授权wx.openSetting；2，微信的getLocation接口，获取当前用户的地理位置（微信返回的是经纬度，速度等参数）；3，微信没有将经纬度直接转换为地理位置，借用腾讯位置服务中关于微信小程序的地理转换JS SDK 的API（返回信息中包括国家，省，市，区，经纬度等地理位置）步骤描述清楚以后，下面就开始按步骤操作了；（本文仅仅讲述如何获取用户地理位置的授权）图示为获取用户地理位置授权弹窗。
微信小程序 仿美团城市选择 城市切换
qq_37829056的博客
02-18 1038
代码如下 var city = require('../../utils/city.js'); var app = getApp() Page({   data: {     searchLetter: [],     showLetter: "",     winHeight: 0,     // tHeight: 0,     // bHeight: 0,     cityList: [...
微信小程序实现城市列表选择
08-27
主要为大家详细介绍了微信小程序实现城市列表选择，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序城市切换效果源码
12-24
微信小程序城市切换效果是微信小程序开发中的一个常见需求，它涉及到地理位置信息的获取、用户界面交互以及数据存储等多个方面。本源码提供了实现这一功能的具体示例，可以帮助开发者快速理解和应用到自己的项目中。...
微信小程序 定位到当前城市实现实例代码
08-31
在微信小程序中，实现定位到当前城市的功能，主要依赖于两个关键步骤：获取用户位置信息和使用地图API进行地址解析。下面将详细讲解这两个过程。 首先，获取用户位置信息是通过微信小程序提供的`wx.getLocation`...
微信小程序仿美团城市选择
08-27
微信小程序在开发过程中，经常需要实现类似美团城市选择的功能，以方便用户快速定位到自己所在的城市或者选择想去的城市。本篇将详细介绍如何在微信小程序中创建一个仿美团的城市选择器。 1. **城市数据结构**：在...
城市切换小程序源码.rar
05-20
小程序可能利用微信提供的地理位置API获取用户当前所在城市，以便提供更精准的推荐或自动定位。同时，源码可能还包括网络请求API，用于从服务器获取动态城市数据或更新信息。 7. 数据持久化： 为了保存用户的首选...
微信小程序实现选择地址省市区三级联动
11-20
本文实例为大家分享了微信小程序实现选择地址省市区三级联动的具体代码，供大家参考，具体内容如下 微信原生地址API，缺少省市区code，因此自己写了一个收货地址 思路：在onload预先加载全部省和第一个省的全部市和区，加载全部会导致几秒的事件阻塞。点击选择地址弹窗后，按需加载操作，滑动省加载对应的市和第一个市对应的区，滑动市加载区，滑动区只更改区的值 onLoad: function(options) { var that = this; // 此文件为全部省以及第一个省的市和区 var cityData = districtLoad.districtLoad; // 存放省 co
小程序源码（无后台）_城市切换.rar
06-12
例如，开发者可能会定义一个`getCity()`函数用于获取用户当前所在城市，而`switchCity(cityName)`函数则用于将城市切换到指定名称的城市。在城市列表的展示上，可能使用`wx:for`循环遍历城市数据数组，生成可交互的...
html切换城市页面,微信小程序实现城市选择和城市切换
weixin_35330534的博客
06-03 969
varcity=require('../../utils/city.js');varapp=getApp()Page({data:{searchLetter:[],showLetter:"",winHeight:0,//tHeight:0,//bHeight:0,cityList:[],isShowLetter:false,scrollTop:0,//置顶高度scrollTop...
微信小程序根据当前所在地址来获取城市名称
weixin_38245489的博客
08-15 2373
场景：  html部分：        &lt;view class="index-top-left incursor" bindtap="get_user_address"&gt; &lt;span style="font-size:14px;color:#333333;"&gt;{{userCity}}&lt;/span&gt; &lt;/vie
微信小程序定位当前城市
wy_Blog的博客
06-21 5000
定位获取当前所在城市直接上代码Page({ data: { city: '' }, onLoad: function (options) { this.loadInfo(); }, loadInfo: function () { var page = this wx.getLocation({ type: 'wgs84', ...
17、微信小程序——城市定位
weixin_47886206的博客
11-26 1569
微信小程序——城市定位
小程序基本命令
aiven1637的博客
10-30 3277
onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...
微信小程序【关于地址信息的接入以及自动选择当前位置】
分享互联网的有趣知识~
11-06 1182
在做收货地址的时候，通常会让用户填写或者打开地图选择收获地址，此时就需要用到微信提供的地址API，在使用地址API的时候需要注册对应的API，而且地址API会经常调整，需要关注官方公告，下面就是关于地址API的使用。
微信小程序获取定位城市api
08-05
微信小程序获取定位城市的API主要是通过wx.getLocation方法来实现的。以下是具体的步骤： 1. 在小程序的页面中引入wx.getLocation方法。 2. 在需要获取定位城市的地方，调用wx.getLocation方法。 3. 在wx.getLocation方法的success回调函数中，可以获取到用户的地理位置信息，其中包括经度(latitude)和纬度(longitude)。 4. 可以使用腾讯地图等第三方地图API，根据经纬度获取详细位置信息，包括城市名称等。例如，可以调用腾讯地图的逆地址解析接口，传入经纬度，获取返回的位置信息。 5. 从获取到的位置信息中提取出城市名称，即可作为定位城市。 需要注意的是，获取用户地理位置的功能需要用户进行授权，用户首次使用小程序会有一个弹窗询问用户是否允许获取地理位置信息，需要用户点击“允许”才能获取到定位数据。另外，获取定位城市的功能也可以通过其他方式实现，例如用户手动选择城市等，可以根据具体需求进行调整。 总而言之，通过wx.getLocation方法获取用户的地理位置信息，再通过逆地址解析的方式获取到定位城市的详细信息，再从中提取出城市名称，即可实现在微信小程序中获取定位城市的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值