一个很大的select 下拉框,朝阳区的村

19 篇文章 0 订阅
8 篇文章 0 订阅
这段代码展示了如何使用JavaScript实现一个下拉选择框,根据用户选择的不同行政村,动态调整地图的中心位置和缩放级别。每个村庄对应一个特定的经纬度坐标,当用户切换村庄时,地图视图会自动移动到相应位置。
摘要由CSDN通过智能技术生成

在写switch领域,我是无敌的。 

//下面是 村 select的创建
        var villageselect = new Select({
					name: "villageSelect",
					options: villageoption_head,
					onChange: function(value){
					  //document.getElementById("value").innerHTML = value;
						//document.getElementById("displayedValue").innerHTML = this.get("displayedValue");
						switch(value){
              case "caofang":
                view.goTo({center: [116.6183, 39.92478], zoom: 15});
                break;
              case "changying":
              view.goTo({center: [116.5846, 39.92966], zoom: 15});
              break;
              case "dongshilipu":
              view.goTo({center: [116.6026, 39.92316], zoom: 15});
              break;
              case "wuliqiao":
              view.goTo({center: [116.6128, 39.9309], zoom: 15});
              break;
              case "hegezhuang":
              view.goTo({center: [116.4904, 40.04068], zoom: 15});
              break;
              case "heiqiao":
              view.goTo({center: [116.5296, 39.99831], zoom: 15});
              break;
              case "maquanying":
              view.goTo({center: [116.5123, 40.02916], zoom: 15});
              break;
              case "naidong":
              view.goTo({center: [116.4746, 40.04673], zoom: 15});
              break;
              case "beigao":
              view.goTo({center: [116.5122, 40.00732], zoom: 15});
              break;
              case "caochangdi":
              view.goTo({center: [116.5016, 39.99577], zoom: 15});
              break;
              case "cuigezhuang":
              view.goTo({center: [116.4875, 40.02676], zoom: 15});
              break;
              case "dongxindian":
              view.goTo({center: [116.4992, 40.00969], zoom: 15});
              break;
              case "dongying":
              view.goTo({center: [116.5281, 40.01385], zoom: 15});
              break;
              case "feijia":
              view.goTo({center: [116.4976, 40.0179], zoom: 15});
              break;
              case "naixi":
              view.goTo({center: [116.468, 40.0179], zoom: 15});
              break;
              case "nangao":
              view.goTo({center: [116.5126, 39.99819], zoom: 15});
              break;
              case "shangezhuang":
              view.goTo({center: [116.4743, 40.02515], zoom: 15});
              break;
              case "suojia":
              view.goTo({center: [116.488, 40.01313], zoom: 15});
              break;
              case "wangjing":
              view.goTo({center: [116.4942, 39.9965], zoom: 15});
              break;
              case "zhishu":
              view.goTo({center: [116.5041, 40.02121], zoom: 15});
              break;
              case "shandian":
              view.goTo({center: [116.5341, 39.95739], zoom: 15});
              break;
              case "dongfeng":
              view.goTo({center: [116.5557, 39.96775], zoom: 15});
              break;
              case "dongxiaojing":
              view.goTo({center: [116.5794, 39.94344], zoom: 15});
              break;
              case "houjie":
              view.goTo({center: [116.5511, 39.98365], zoom: 15});
              break;
              case "jiaozhuang":
              view.goTo({center: [116.5809, 39.95647], zoom: 15});
              break;
              case "juzifang":
              view.goTo({center: [116.5583, 39.95135], zoom: 15});
              break;
              case "qikeshu":
              view.goTo({center: [116.5203, 39.96542], zoom: 15});
              break;
              case "sanchahe":
              view.goTo({center: [116.5704, 39.96575], zoom: 15});
              break;
              case "xibeimen":
              view.goTo({center: [116.5364, 39.97898], zoom: 15});
              break;
              case "dougezhuang":
              view.goTo({center: [116.4975, 39.94598], zoom: 15});
              break;
              case "liulitun":
              view.goTo({center: [116.4814, 39.92991], zoom: 15});
              break;
              case "mengjiatun":
              view.goTo({center: [116.5564, 39.84828], zoom: 15});
              break;
              case "nanhejia":
              view.goTo({center: [116.5514, 39.88797], zoom: 15});
              break;
              case "shicao":
              view.goTo({center: [116.5725, 39.88383], zoom: 15});
              break;
              case "shuiniufang":
              view.goTo({center: [116.5479, 39.83821], zoom: 15});
              break;
              case "sunjiapo":
              view.goTo({center: [116.5399, 39.84154], zoom: 15});
              break;
              case "dongmagezhuang":
              view.goTo({center: [116.577, 39.8721], zoom: 15});
              break;
              case "dougezhuang":
              view.goTo({center: [116.5593, 39.86213], zoom: 15});
              break;
              case "huangchang":
              view.goTo({center: [116.5468, 39.85208], zoom: 15});
              break;
              case "majiawan":
              view.goTo({center: [116.5577, 39.83814], zoom: 15});
              break;
              case "ximagezhuang":
              view.goTo({center: [116.5663, 39.87099], zoom: 15});
              break;
              case "yujiaweibei":
              view.goTo({center: [116.5603, 39.88544], zoom: 15});
              break;
              case "yujiaweinan":
              view.goTo({center: [116.56, 39.87808], zoom: 15});
              break;
              case "":
              view.goTo({center: [116., 39.], zoom: 15});
              break;
              case "balizhuang":
              view.goTo({center: [116.4982, 39.90827], zoom: 15});
              break;
              case "banbidian":
              view.goTo({center: [116.5159, 39.89669], zoom: 15});
              break;
              case "beihuayuan":
              view.goTo({center: [116.545, 39.90153], zoom: 15});
              break;
              case "gaobeidian":
              view.goTo({center: [116.5297, 39.89923], zoom: 15});
              break;
              case "gaojing":
              view.goTo({center: [116.5314, 39.91703], zoom: 15});
              break;
              case "donghui":
              view.goTo({center: [116.5966, 39.9043], zoom: 15});
              break;
              case "guanzhuang":
              view.goTo({center: [116.5818, 39.91056], zoom: 15});
              break;
              case "guojiachang":
              view.goTo({center: [116.6056, 39.89236], zoom: 15});
              break;
              case "guojiadian":
              view.goTo({center: [116.606, 39.90851], zoom: 15});
              break;
              case "sixinzhuang":
              view.goTo({center: [116.6013, 39.90185], zoom: 15});
              break;
              case "taying":
              view.goTo({center: [116.5949, 39.89716], zoom: 15});
              break;
              case "xihui":
              view.goTo({center: [116.5885, 39.90572], zoom: 15});
              break;
              case "xianninghou":
              view.goTo({center: [116.5798, 39.89391], zoom: 15});
              break;
              case "xiaosi":
              view.goTo({center: [116.5803, 39.9017], zoom: 15});
              break;
              case "yangzha":
              view.goTo({center: [116.5959, 39.91092], zoom: 15});
              break;
              case "guanzhuangzhishu":
              view.goTo({center: [116.5951, 39.91574], zoom: 15});
              break;
              case "chongxingsi":
              view.goTo({center: [116.6091, 39.90126], zoom: 15});
              break;
              case "baliqiao":
              view.goTo({center: [116.6121, 39.90993], zoom: 15});
              break;
              case "daludian2":
              view.goTo({center: [116.5826, 39.83169], zoom: 15});
              break;
              case "daludian3":
              view.goTo({center: [116.5725, 39.83622], zoom: 15});
              break;
              case "daludian1":
              view.goTo({center: [116.5922, 39.83537], zoom: 15});
              break;
              case "dingxinzhuangdong":
              view.goTo({center: [116.607, 39.86436], zoom: 15});
              break;
              case "dingxinzhuangxi":
              view.goTo({center: [116.603, 39.87081], zoom: 15});
              break;
              case "heizhuanghu":
              view.goTo({center: [116.5939, 39.85052], zoom: 15});
              break;
              case "langgezhuang":
              view.goTo({center: [116.5716, 39.84709], zoom: 15});
              break;
              case "langxinzhuang":
              view.goTo({center: [116.5716, 39.85581], zoom: 15});
              break;
              case "shuangshubei":
              view.goTo({center: [116.5857, 39.87903], zoom: 15});
              break;
              case "shuangshunan":
              view.goTo({center: [116.5933, 39.87604], zoom: 15});
              break;
              case "sihezhuang":
              view.goTo({center: [116.6096, 39.85578], zoom: 15});
              break;
              case "sufen":
              view.goTo({center: [116.6076, 39.87661], zoom: 15});
              break;
              case "wanziyingdong":
              view.goTo({center: [116.593, 39.86292], zoom: 15});
              break;
              case "wanziyingxi":
              view.goTo({center: [116.5826, 39.86091], zoom: 15});
              break;
              case "xiaoludian":
              view.goTo({center: [116.5842, 39.84644], zoom: 15});
              break;
              case "yaopu":
              view.goTo({center: [116.6151, 39.87547], zoom: 15});
              break;
              case "heizhuanghuzhishu":
              view.goTo({center: [116.601, 39.88607], zoom: 15});
              break;
              case "anjialou":
              view.goTo({center: [116.4726, 39.96037], zoom: 15});
              break;
              case "dongbajianfang":
              view.goTo({center: [116.5173, 39.9818], zoom: 15});
              break;
              case "tuofangying":
              view.goTo({center: [116.4996, 39.97398], zoom: 15});
              break;
              case "jiangtaizhishu":
              view.goTo({center: [116.4754, 39.97114], zoom: 15});
              break;
              case "gaoantun":
              view.goTo({center: [116.6158, 39.94213], zoom: 15});
              break;
              case "jinzhandong":
              view.goTo({center: [116.5859, 39.00605], zoom: 15});
              break;
              case "jinzhanxi":
              view.goTo({center: [116.5715, 39.00883], zoom: 15});
              break;
              case "beimafang":
              view.goTo({center: [116.5673, 39.9874], zoom: 15});
              break;
              case "caogezhuang":
              view.goTo({center: [116.5977, 39.98499], zoom: 15});
              break;
              case "chaoyangnongchang":
              view.goTo({center: [116.6164, 39.98101], zoom: 15});
              break;
              case "dongyao":
              view.goTo({center: [116.6065, 39.00086], zoom: 15});
              break;
              case "leizhuang":
              view.goTo({center: [116.5871, 39.99695], zoom: 15});
              break;
              case "ligezhuang":
              view.goTo({center: [116.6257, 39.97301], zoom: 15});
              break;
              case "louzizhuang":
              view.goTo({center: [116.5949, 39.97171], zoom: 15});
              break;
              case "magezhuang":
              view.goTo({center: [116.6025, 39.95143], zoom: 15});
              break;
              case "pi":
              view.goTo({center: [116.6268, 39.99355], zoom: 15});
              break;
              case "shawo":
              view.goTo({center: [116.6291, 39.95691], zoom: 15});
              break;
              case "xiaodian":
              view.goTo({center: [116.5661, 40.01462], zoom: 15});
              break;
              case "changdian":
              view.goTo({center: [116.5465, 40.00544], zoom: 15});
              break;
              case "beihuqv":
              view.goTo({center: [116.4406, 40.00692], zoom: 15});
              break;
              case "hongjunying":
              view.goTo({center: [116.425, 40.028], zoom: 15});
              break;
              case "laiguangying":
              view.goTo({center: [116.4612, 40.02107], zoom: 15});
              break;
              case "lishuiqiao":
              view.goTo({center: [116.4099, 40.0481], zoom: 15});
              break;
              case "qingheying":
              view.goTo({center: [116.4291, 40.05196], zoom: 15});
              break;
              case "xinsheng":
              view.goTo({center: [116.4422, 40.03143], zoom: 15});
              break;
              case "huangqv":
              view.goTo({center: [116.5624, 39.92617], zoom: 15});
              break;
              case "huangshanmudian":
              view.goTo({center: [116.5234, 39.92622], zoom: 15});
              break;
              case "pingfang":
              view.goTo({center: [116.5341, 39.94086], zoom: 15});
              break;
              case "shigezhuang":
              view.goTo({center: [116.5595, 39.93806], zoom: 15});
              break;
              case "yaojiayuan":
              view.goTo({center: [116.5125, 39.94027], zoom: 15});
              break;
              case "baijialou":
              view.goTo({center: [116.5481, 39.92472], zoom: 15});
              break;
              case "bangzijing":
              view.goTo({center: [116.5573, 39.90722], zoom: 15});
              break;
              case "beishuangqiao":
              view.goTo({center: [116.5527, 39.90267], zoom: 15});
              break;
              case "dalianpo":
              view.goTo({center: [116.5548, 39.92422], zoom: 15});
              break;
              case "dingfuzhuangdong":
              view.goTo({center: [116.5547, 39.91328], zoom: 15});
              break;
              case "dingfuzhuangxi":
              view.goTo({center: [116.5471, 39.91608], zoom: 15});
              break;
              case "dongliu":
              view.goTo({center: [116.5697, 39.8993], zoom: 15});
              break;
              case "jinjia":
              view.goTo({center: [116.5582, 39.89432], zoom: 15});
              break;
              case "sanjianfangdong":
              view.goTo({center: [116.572, 39.91679], zoom: 15});
              break;
              case "sanjianfangxi":
              view.goTo({center: [116.5645, 39.91396], zoom: 15});
              break;
              case "xiliu":
              view.goTo({center: [116.5635, 39.30054], zoom: 15});
              break;
              case "xinfang":
              view.goTo({center: [116.5577, 39.90295], zoom: 15});
              break;
              case "hengjiezi":
              view.goTo({center: [116.4981, 39.82485], zoom: 15});
              break;
              case "laojuntang":
              view.goTo({center: [116.5076, 39.83704], zoom: 15});
              break;
              case "lvjiaying":
              view.goTo({center: [116.4656, 39.84042], zoom: 15});
              break;
              case "shibalidian":
              view.goTo({center: [116.4824, 39.84032], zoom: 15});
              break;
              case "shilihe":
              view.goTo({center: [116.4487, 39.8637], zoom: 15});
              break;
              case "xizhihe":
              view.goTo({center: [116.5241, 39.84031], zoom: 15});
              break;
              case "xiaowuji":
              view.goTo({center: [116.4919, 39.85287], zoom: 15});
              break;
              case "zhoujiazhuang":
              view.goTo({center: [116.469, 39.8594], zoom: 15});
              break;
              case "beidiandong":
              view.goTo({center: [116.5362, 40.0549], zoom: 15});
              break;
              case "shangxinpu":
              view.goTo({center: [116.4907, 40.06731], zoom: 15});
              break;
              case "shenjiafen":
              view.goTo({center: [116.4586, 40.05958], zoom: 15});
              break;
              case "sunhe":
              view.goTo({center: [116.5265, 40.04047], zoom: 15});
              break;
              case "xidian":
              view.goTo({center: [116.5152, 40.04662], zoom: 15});
              break;
              case "xiaxinpu":
              view.goTo({center: [116.5075, 40.06224], zoom: 15});
              break;
              case "beidianxi":
              view.goTo({center: [116.5234, 40.05787], zoom: 15});
              break;
              case "houweigou":
              view.goTo({center: [116.5547, 40.03347], zoom: 15});
              break;
              case "huanggang":
              view.goTo({center: [116.483, 40.05851], zoom: 15});
              break;
              case "kangying":
              view.goTo({center: [116.5404, 40.03432], zoom: 15});
              break;
              case "leiqiao":
              view.goTo({center: [116.4472, 40.04972], zoom: 15});
              break;
              case "lixianfen":
              view.goTo({center: [116.4604, 40.05269], zoom: 15});
              break;
              case "qianweigou":
              view.goTo({center: [116.5562, 40.02327], zoom: 15});
              break;
              case "shaziying":
              view.goTo({center: [116.4673, 40.07294], zoom: 15});
              break;
              case "wangsiying":
              view.goTo({center: [116.5278, 39.87072], zoom: 15});
              break;
              case "beiluoying":
              view.goTo({center: [116.5332, 39.86121], zoom: 15});
              break;
              case "daokou":
              view.goTo({center: [116.5486, 39.87137], zoom: 15});
              break;
              case "guanyintang":
              view.goTo({center: [116.5232, 39.88319], zoom: 15});
              break;
              case "guanzhuang":
              view.goTo({center: [116.5048, 39.87452], zoom: 15});
              break;
              case "nanhuayuan":
              view.goTo({center: [116.5406, 39.88078], zoom: 15});
              break;
              case "longzhuashu":
              view.goTo({center: [116.4476, 39.84191], zoom: 15});
              break;
              case "paifang":
              view.goTo({center: [116.471, 39.82291], zoom: 15});
              break;
              case "xiaohongmen":
              view.goTo({center: [116.4519, 39.82426], zoom: 15});
              break;
              case "xiao":
              view.goTo({center: [116.4348, 39.83122], zoom: 15});
              break;
              
              default:
							    alert("请您选择行政村");      						
						}
					}
				}, "select_village");
				villageselect.startup();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值