微信小程序获取当前所在城市(地区定位与切换)_weixin_42012939的博客-程序员信息网_小程序获取省市区

技术标签: 访问腾讯地图服务  PHP  js  

小程序地区定位与切换

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

          <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;



    }
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42012939/article/details/109983360

智能推荐

python零基础入门教程学习要多久-廖雪峰python教程要学多久-零基础学Python需要多久..._weixin_37988176的博客-程序员信息网

零基础学python大约需要多久看不同的人,不同的学习能和基础。像我通java,vc ,javascript,groovy,vb,c接触过c#,delphi,asp,E语言,用过dreamwaver,fireworks,....等等编辑软因此对老外的软件思想与语言,算是有些领悟,入门python花了一秒钟,那么一秒钟怎么入门,pycharm 动态语言,哦我懂了学python哪个网校教得好?我是0...

SpringCloud学习之运行第一个Eureka程序_霸道流氓气质的博客-程序员信息网

场景关于Eureka1.提供了Eureka服务端与客户端。2.主要用于服务管理。Eureka架构构建第一个应用1.建立服务器端。2.建立服务提供者。3.建立服务调用者。实现建立服务器端打开eclipse,新建Maven Project--create a simple project打开pom.xml,添加依赖&lt;project x...

java中static作用详解_llerer的博客-程序员信息网

static表示“全局”或者“静态”的意思,用来修饰成员变量和成员方法,也可以形成静态static代码块,但是Java语言中没有全局变量的概念。 被static修饰的成员变量和成员方法独立于该类的任何对象。也就是说,它不依赖类特定的实例,被类的所有实例共享。只要这个类被加载,Java虚拟机就能根据类名在运行时数据区的方法区内定找到他们。因此,static对象可以在它的任何对象创建之前访问,

数据蒋堂 | Hadoop - 一把杀鸡用的牛刀_数据派THU的博客-程序员信息网

作者:蒋步星来源:数据蒋堂本文共1800字,建议阅读6分钟。通过本文为大家解读为什么Hadoop不适合小集群实现。                     Hadoop是个庞大的重型解决方案,它的设计目标本来就是大规模甚至超大规模的集群,面对的是上百甚至上千个节点,这样就会带来两个问题:自动化管理管任务分配机制:这样规模的集群,显然不大可能针对每个节点提供个性化的管理控制,否则工作量会大到累死人

vsftpd限制用户只能上传不能下载_weixin_30551947的博客-程序员信息网

有时候,项目中有这样的需求;vsftpd只能上传文件不能下载。下面我们就来分享一下个人的经验:例子1:vsftpd本地用户实现可以上传不能下载(即不能读)1、创建用于登陆vsftpd的用户、并赋予其密码:useradd test2、创建vsftpd的共享目录,将其的属主和属组都修改为szl;权限为777 (这里是测试环境):mkdir /mnt/test...

Jenkins持续集成CICD的环境搭建和maven项目的构建_${简简单单}的博客-程序员信息网

一、Jenkins搭建1、下载安装包,官方地址Windows版本:下载安装完,默认会把Jenkins注册成Windows服务,再自动以8080端口启动服务,如果本机8080端口被占用,可以在/jenkins.xml中修改端口号,再运行命令:net start jenkinsJenkins 服务正在启动 .Jenkins 服务已经启动成功。Linux系统版本:通过RPM安装:wget https://pkg.jenkins.io/redhat-stable/jenkins-2.176.1-

随便推点

使用linux系统下的GBK.gz和UTF-8.gz文件,实现gbk到utf8之间的相互转换_a907482655的博客-程序员信息网

GBK 转 UTF-8 (trans.php) :#!/usr/bin/php&lt;?phpdefine('GBK', '/usr/share/i18n/charmaps/GBK.gz');define('UTF8', '/usr/share/i18n/charmaps/UTF-8.gz');define('INPUT_FILE', 't.txt');de...

pyx文件 生成pyd 文件用于 cython调用_furuit的博客-程序员信息网

faster-rcnn 需要2k个候选框,这很费时间的,所以可以把这部分代码优化,改写为pyx文件,然后就可以快一些了。1安装cython官网上下载的Cython-0.20.1,从控制台上切到cython的路径,运行setup.py就一路编译安装下去了,没遇到其他问题。在网上看到,很多人在安装的时候遇到很多问题,基本上都是找不到c++编译器,具体表现是提示找不到一个叫“vs....ba...

蚂蚁上市后,马云不是最大赢家,竟是她!_CSDN 程序人生的博客-程序员信息网

作者:电商君来源:电商报(ID:kandianshang)中国电商影响力媒体!马云造就人类历史上最大的造富运动!蚂蚁集团要上市了,人类历史上最大的造富运动,就要来了!作为中国互联网独角兽...

2440超详细uboot移植笔记(四)------剪裁uboot_风筝丶的博客-程序员信息网

你好!这里是风筝的博客,欢迎和我一起交流。在make编译之后,我们可以发现生成的.bin二进制文件很大,有五百多k,不利于我们烧写,所以我们可以先对uboot剪裁一下,把不需要的功能去除掉:  a. 在smdk2440.h(路径:include\configs\smdk2440.h)文件上把不需要的uboot功能的宏开关注释掉:#define CONFIG_USB_OHCI...

C/C++笔试题(9)_hanlin1985的博客-程序员信息网

 Intel笔试面试题目  智力题1.每天中午从法国塞纳河畔的勒阿佛有一艘轮船驶往美国纽约,在同一时刻纽约也有一艘轮船驶往勒阿佛。已知横渡一次的时间是7天7夜,轮船匀速航行,在同一航线,轮船近距离可见。  请问今天中午从勒阿佛开出的船会遇到几艘从纽约来的船?  2.巴拿赫病故于1945年8月31日。他的出生年份恰好是他在世时某年年龄的平方,问:他是哪年出生的?  答案:   设他在

ctf ddos数据包 杂项 流量_bonesi :在实验环境下模拟DDoS攻击流量的工具_南至挚爱的博客-程序员信息网

BoNeSi,DDoS僵尸网络模拟器是一种测试平台环境中模拟僵尸网络流量的工具。它旨在研究DDoS攻击的影响。 可以生成什么流量?BoNeSi从定义的僵尸网络大小(不同的IP地址)生成ICMP,UDP和TCP(HTTP)泛洪攻击。 BoNeSi 具有高度可配置性,可以配置速率,数据量,源IP地址,URL和其他参数。是什么让它与其他 工具 不同?还有很多其他工具可以使用UDP和ICMP来欺骗IP地址...