上个月研究了百度map，一直没时间更新博客，呵呵，今天闲了....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Sict//EN"
"https://www.w3.org//xhtml1/DTD/xhtml1-sict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>select city</title>
</head>
<body>
<div style="width:1200px;height:500px;border:1px solid #000;margin-top:50px;" id="container"></div>
<div class="sel_container"><strong id="curCity">西安</strong> [<a id="curCityText" href="/go.html?url=javascript:void(0)">更换城市</a>]</div>
<div class="map_popup" id="cityList">
<div class="popup_main">
<div class="title">城市列表</div>
<div class="cityList">
<h4>测试地址:</h4>
<a href="/go.html?url=javascript:void(0)">北京</a><a href="/go.html?url=javascript:void(0)">上海</a><a href="/go.html?url=javascript:void(0)">天津</a><a href="/go.html?url=javascript:void(0)">重庆</a>
<a href="/go.html?url=javascript:void(0)">西安</a>
<hr/>
<div class=""><form id="searchForm"><input id="cityNameSearch" type="text" value="输入城市名"/><input type="submit" class="cityNameSubmit" value="确定"/>
<span class="errorTip" id="citySearchTip">请输入正确的城市名</span>
</form></div>
<div>
<dl>
<dt><a href="/go.html?url=javascript:void(0)" class="black">全国</a></dt>
<dd><span class="cityListDescript"> (含34个省、自治区、直辖市、特别行政区、340个地级市)</span></dd>
<dt>直辖市：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">北京</a><a href="/go.html?url=javascript:void(0)">上海</a><a href="/go.html?url=javascript:void(0)">天津</a><a href="/go.html?url=javascript:void(0)">重庆</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" class="black">安徽</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">合肥</a><a href="/go.html?url=javascript:void(0)">安庆</a><a href="/go.html?url=javascript:void(0)">蚌埠</a><a href="/go.html?url=javascript:void(0)">亳州</a><a href="/go.html?url=javascript:void(0)">巢湖</a><a href="/go.html?url=javascript:void(0)">池州</a><a href="/go.html?url=javascript:void(0)">滁州</a><a href="/go.html?url=javascript:void(0)">阜阳</a><a href="/go.html?url=javascript:void(0)">淮北</a><a href="/go.html?url=javascript:void(0)">淮南</a><a href="/go.html?url=javascript:void(0)">黄山</a><a href="/go.html?url=javascript:void(0)">六安</a><a href="/go.html?url=javascript:void(0)">马鞍山</a><a href="/go.html?url=javascript:void(0)">宿州</a><a href="/go.html?url=javascript:void(0)">铜陵</a><a href="/go.html?url=javascript:void(0)">芜湖</a><a href="/go.html?url=javascript:void(0)">宣城</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5785" class="black">福建</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">福州</a><a href="/go.html?url=javascript:void(0)">龙岩</a><a href="/go.html?url=javascript:void(0)">南平</a><a href="/go.html?url=javascript:void(0)">宁德</a><a href="/go.html?url=javascript:void(0)">莆田</a><a href="/go.html?url=javascript:void(0)">泉州</a><a href="/go.html?url=javascript:void(0)">三明</a><a href="/go.html?url=javascript:void(0)">厦门</a><a href="/go.html?url=javascript:void(0)">漳州</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5775" class="black"> 甘肃</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">兰州</a><a href="/go.html?url=javascript:void(0)">白银</a><a href="/go.html?url=javascript:void(0)">定西</a><a href="/go.html?url=javascript:void(0)" name="甘南藏族自治州">甘南州</a><a href="/go.html?url=javascript:void(0)">嘉峪关</a><a href="/go.html?url=javascript:void(0)">金昌</a><a href="/go.html?url=javascript:void(0)">酒泉</a><a href="/go.html?url=javascript:void(0)" name="临夏回族自治州">临夏州</a><a href="/go.html?url=javascript:void(0)">陇南</a><a href="/go.html?url=javascript:void(0)">平凉</a>
<a href="/go.html?url=javascript:void(0)">庆阳</a><a href="/go.html?url=javascript:void(0)">天水</a><a href="/go.html?url=javascript:void(0)">武威</a><a href="/go.html?url=javascript:void(0)">张掖</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5776" class="black"> 广东</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">广州</a><a href="/go.html?url=javascript:void(0)">潮州</a><a href="/go.html?url=javascript:void(0)">东莞</a><a href="/go.html?url=javascript:void(0)">佛山</a><a href="/go.html?url=javascript:void(0)">河源</a><a href="/go.html?url=javascript:void(0)">惠州</a><a href="/go.html?url=javascript:void(0)">江门</a><a href="/go.html?url=javascript:void(0)">揭阳</a><a href="/go.html?url=javascript:void(0)">茂名</a><a href="/go.html?url=javascript:void(0)">梅州</a><a href="/go.html?url=javascript:void(0)">清远</a><a href="/go.html?url=javascript:void(0)">汕头</a><a href="/go.html?url=javascript:void(0)">汕尾</a><a href="/go.html?url=javascript:void(0)">韶关</a><a href="/go.html?url=javascript:void(0)">深圳</a><a href="/go.html?url=javascript:void(0)">阳江</a><a href="/go.html?url=javascript:void(0)">云浮</a><a href="/go.html?url=javascript:void(0)">湛江</a><a href="/go.html?url=javascript:void(0)">肇庆</a><a href="/go.html?url=javascript:void(0)">中山</a><a href="/go.html?url=javascript:void(0)">珠海</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5786" class="black">广西</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">南宁</a><a href="/go.html?url=javascript:void(0)">百色</a><a href="/go.html?url=javascript:void(0)">北海</a><a href="/go.html?url=javascript:void(0)">崇左</a><a href="/go.html?url=javascript:void(0)">防城港</a><a href="/go.html?url=javascript:void(0)">桂林</a><a href="/go.html?url=javascript:void(0)">贵港</a><a href="/go.html?url=javascript:void(0)">河池</a><a href="/go.html?url=javascript:void(0)">贺州</a><a href="/go.html?url=javascript:void(0)">来宾</a><a href="/go.html?url=javascript:void(0)">柳州</a><a href="/go.html?url=javascript:void(0)">钦州</a><a href="/go.html?url=javascript:void(0)">梧州</a><a href="/go.html?url=javascript:void(0)">玉林</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5793" class="black">贵州</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">贵阳</a><a href="/go.html?url=javascript:void(0)">安顺</a><a href="/go.html?url=javascript:void(0)">毕节地区</a><a href="/go.html?url=javascript:void(0)">六盘水</a><a href="/go.html?url=javascript:void(0)">铜仁地区</a><a href="/go.html?url=javascript:void(0)">遵义</a><a href="/go.html?url=javascript:void(0)" name="黔西南布依族苗族自治州">黔西南州</a><a href="/go.html?url=javascript:void(0)" name="黔东南苗族侗族自治州">黔东南州</a><a href="/go.html?url=javascript:void(0)" name="黔南布依族苗族自治州">黔南州</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5790" class="black">海南</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">海口</a><a href="/go.html?url=javascript:void(0)" name="白沙黎族自治县">白沙</a><a href="/go.html?url=javascript:void(0)" name="保亭黎族苗族自治县">保亭</a><a href="/go.html?url=javascript:void(0)" name="昌江黎族自治县">昌江</a><a href="/go.html?url=javascript:void(0)">儋州</a><a href="/go.html?url=javascript:void(0)">澄迈</a><a href="/go.html?url=javascript:void(0)">东方</a><a href="/go.html?url=javascript:void(0)">定安</a><a href="/go.html?url=javascript:void(0)">琼海</a><a href="/go.html?url=javascript:void(0)" name="琼中黎族苗族自治县">琼中</a><a href="/go.html?url=javascript:void(0)" name="乐东黎族自治县">乐东</a><a href="/go.html?url=javascript:void(0)">临高</a><a href="/go.html?url=javascript:void(0)" name="陵水黎族自治县">陵水</a><a href="/go.html?url=javascript:void(0)">三亚</a><a href="/go.html?url=javascript:void(0)">屯昌</a><a href="/go.html?url=javascript:void(0)">万宁</a><a href="/go.html?url=javascript:void(0)">文昌</a><a href="/go.html?url=javascript:void(0)">五指山</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5794" class="black">河北</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">石家庄</a><a href="/go.html?url=javascript:void(0)">保定</a><a href="/go.html?url=javascript:void(0)">沧州</a><a href="/go.html?url=javascript:void(0)">承德</a><a href="/go.html?url=javascript:void(0)">邯郸</a><a href="/go.html?url=javascript:void(0)">衡水</a><a href="/go.html?url=javascript:void(0)">廊坊</a><a href="/go.html?url=javascript:void(0)">秦皇岛</a><a href="/go.html?url=javascript:void(0)">唐山</a><a href="/go.html?url=javascript:void(0)">邢台</a><a href="/go.html?url=javascript:void(0)">张家口</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5799" class="black">河南</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">郑州</a><a href="/go.html?url=javascript:void(0)">安阳</a><a href="/go.html?url=javascript:void(0)">鹤壁</a><a href="/go.html?url=javascript:void(0)">焦作</a><a href="/go.html?url=javascript:void(0)">开封</a><a href="/go.html?url=javascript:void(0)">洛阳</a><a href="/go.html?url=javascript:void(0)">漯河</a><a href="/go.html?url=javascript:void(0)">南阳</a><a href="/go.html?url=javascript:void(0)">平顶山</a><a href="/go.html?url=javascript:void(0)">濮阳</a><a href="/go.html?url=javascript:void(0)">三门峡</a><a href="/go.html?url=javascript:void(0)">商丘</a><a href="/go.html?url=javascript:void(0)">新乡</a><a href="/go.html?url=javascript:void(0)">信阳</a><a href="/go.html?url=javascript:void(0)">许昌</a><a href="/go.html?url=javascript:void(0)">周口</a>
<a href="/go.html?url=javascript:void(0)">驻马店</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5771" class="black">黑龙江</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">哈尔滨</a><a href="/go.html?url=javascript:void(0)">大庆</a><a href="/go.html?url=javascript:void(0)">大兴安岭地区</a><a href="/go.html?url=javascript:void(0)">鹤岗</a><a href="/go.html?url=javascript:void(0)">黑河</a><a href="/go.html?url=javascript:void(0)">鸡西</a><a href="/go.html?url=javascript:void(0)">佳木斯</a><a href="/go.html?url=javascript:void(0)">牡丹江</a><a href="/go.html?url=javascript:void(0)">七台河</a><a href="/go.html?url=javascript:void(0)">齐齐哈尔</a><a href="/go.html?url=javascript:void(0)">双鸭山</a><a href="/go.html?url=javascript:void(0)">绥化</a><a href="/go.html?url=javascript:void(0)">伊春</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5784" class="black">湖北</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">武汉</a><a href="/go.html?url=javascript:void(0)">鄂州</a><a href="/go.html?url=javascript:void(0)" name="恩施土家族苗族自治州">恩施</a><a href="/go.html?url=javascript:void(0)">黄冈</a><a href="/go.html?url=javascript:void(0)">黄石</a><a href="/go.html?url=javascript:void(0)">荆门</a><a href="/go.html?url=javascript:void(0)">荆州</a><a href="/go.html?url=javascript:void(0)">潜江</a><a href="/go.html?url=javascript:void(0)">神农架林区</a><a href="/go.html?url=javascript:void(0)">十堰</a><a href="/go.html?url=javascript:void(0)">随州</a><a href="/go.html?url=javascript:void(0)">天门</a><a href="/go.html?url=javascript:void(0)">仙桃</a><a href="/go.html?url=javascript:void(0)">咸宁</a><a href="/go.html?url=javascript:void(0)">襄樊</a><a href="/go.html?url=javascript:void(0)">孝感</a><a href="/go.html?url=javascript:void(0)">宜昌</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5795" class="black">湖南</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">长沙</a><a href="/go.html?url=javascript:void(0)">常德</a><a href="/go.html?url=javascript:void(0)">郴州</a><a href="/go.html?url=javascript:void(0)">衡阳</a><a href="/go.html?url=javascript:void(0)">怀化</a><a href="/go.html?url=javascript:void(0)">娄底</a><a href="/go.html?url=javascript:void(0)">邵阳</a><a href="/go.html?url=javascript:void(0)">湘潭</a><a href="/go.html?url=javascript:void(0)" name="湘西土家族苗族自治州">湘西州</a><a href="/go.html?url=javascript:void(0)">益阳</a><a href="/go.html?url=javascript:void(0)">永州</a><a href="/go.html?url=javascript:void(0)">岳阳</a><a href="/go.html?url=javascript:void(0)">张家界</a><a href="/go.html?url=javascript:void(0)">株洲</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5787" class="black">江苏</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">南京</a><a href="/go.html?url=javascript:void(0)">常州</a><a href="/go.html?url=javascript:void(0)">淮安</a><a href="/go.html?url=javascript:void(0)">连云港</a><a href="/go.html?url=javascript:void(0)">南通</a><a href="/go.html?url=javascript:void(0)">苏州</a><a href="/go.html?url=javascript:void(0)">宿迁</a><a href="/go.html?url=javascript:void(0)">泰州</a><a href="/go.html?url=javascript:void(0)">无锡</a><a href="/go.html?url=javascript:void(0)">徐州</a><a href="/go.html?url=javascript:void(0)">盐城</a><a href="/go.html?url=javascript:void(0)">扬州</a><a href="/go.html?url=javascript:void(0)">镇江</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5800" class="black">江西</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">南昌</a><a href="/go.html?url=javascript:void(0)">抚州</a><a href="/go.html?url=javascript:void(0)">赣州</a><a href="/go.html?url=javascript:void(0)">吉安</a><a href="/go.html?url=javascript:void(0)">景德镇</a><a href="/go.html?url=javascript:void(0)">九江</a><a href="/go.html?url=javascript:void(0)">萍乡</a><a href="/go.html?url=javascript:void(0)">上饶</a><a href="/go.html?url=javascript:void(0)">新余</a><a href="/go.html?url=javascript:void(0)">宜春</a><a href="/go.html?url=javascript:void(0)">鹰潭</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5778" name="吉林省" class="black">吉林</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">长春</a><a href="/go.html?url=javascript:void(0)">白城</a><a href="/go.html?url=javascript:void(0)">白山</a><a href="/go.html?url=javascript:void(0)">吉林市</a><a href="/go.html?url=javascript:void(0)"></a><a href="/go.html?url=javascript:void(0)">辽源</a><a href="/go.html?url=javascript:void(0)">四平</a><a href="/go.html?url=javascript:void(0)">松原</a><a href="/go.html?url=javascript:void(0)">通化</a><a href="/go.html?url=javascript:void(0)" name="延边朝鲜族自治州">延边</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5788" class="black">辽宁</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">沈阳</a><a href="/go.html?url=javascript:void(0)">鞍山</a><a href="/go.html?url=javascript:void(0)">本溪</a><a href="/go.html?url=javascript:void(0)">朝阳</a><a href="/go.html?url=javascript:void(0)">大连</a><a href="/go.html?url=javascript:void(0)">丹东</a><a href="/go.html?url=javascript:void(0)">抚顺</a><a href="/go.html?url=javascript:void(0)">阜新</a><a href="/go.html?url=javascript:void(0)">葫芦岛</a><a href="/go.html?url=javascript:void(0)">锦州</a><a href="/go.html?url=javascript:void(0)">辽阳</a><a href="/go.html?url=javascript:void(0)">盘锦</a><a href="/go.html?url=javascript:void(0)">铁岭</a><a href="/go.html?url=javascript:void(0)">营口</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5791" class="black">内蒙古</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">呼和浩特</a><a href="/go.html?url=javascript:void(0)">阿拉善盟</a><a href="/go.html?url=javascript:void(0)">包头</a><a href="/go.html?url=javascript:void(0)">巴彦淖尔</a><a href="/go.html?url=javascript:void(0)">赤峰</a><a href="/go.html?url=javascript:void(0)">鄂尔多斯</a><a href="/go.html?url=javascript:void(0)">呼伦贝尔</a><a href="/go.html?url=javascript:void(0)">通辽</a><a href="/go.html?url=javascript:void(0)">乌海</a><a href="/go.html?url=javascript:void(0)">乌兰察布</a><a href="/go.html?url=javascript:void(0)">锡林郭勒盟</a><a href="/go.html?url=javascript:void(0)">兴安盟</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5789" class="black">宁夏</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">银川</a><a href="/go.html?url=javascript:void(0)">固原</a><a href="/go.html?url=javascript:void(0)">石嘴山</a><a href="/go.html?url=javascript:void(0)">吴忠</a><a href="/go.html?url=javascript:void(0)">中卫</a></dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5780" class="black">青海</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">西宁</a><a href="/go.html?url=javascript:void(0)" name="果洛藏族自治州">果洛州</a><a href="/go.html?url=javascript:void(0)">海东地区</a><a href="/go.html?url=javascript:void(0)" name="海北藏族自治州">海北州</a><a href="/go.html?url=javascript:void(0)" name="海南藏族自治州">海南州</a><a href="/go.html?url=javascript:void(0)" name="海西蒙古族藏族自治州">海西州</a><a href="/go.html?url=javascript:void(0)" name="黄南藏族自治州">黄南州</a><a href="/go.html?url=javascript:void(0)" name="玉树藏族自治州">玉树州</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5777" class="black">山东</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">济南</a><a href="/go.html?url=javascript:void(0)">滨州</a><a href="/go.html?url=javascript:void(0)">东营</a><a href="/go.html?url=javascript:void(0)">德州</a><a href="/go.html?url=javascript:void(0)">菏泽</a><a href="/go.html?url=javascript:void(0)">济宁</a><a href="/go.html?url=javascript:void(0)">莱芜</a><a href="/go.html?url=javascript:void(0)">聊城</a><a href="/go.html?url=javascript:void(0)">临沂</a><a href="/go.html?url=javascript:void(0)">青岛</a><a href="/go.html?url=javascript:void(0)">日照</a><a href="/go.html?url=javascript:void(0)">泰安</a><a href="/go.html?url=javascript:void(0)">威海</a><a href="/go.html?url=javascript:void(0)">潍坊</a><a href="/go.html?url=javascript:void(0)">烟台</a><a href="/go.html?url=javascript:void(0)">枣庄</a><a href="/go.html?url=javascript:void(0)">淄博</a><a href="/go.html?url=javascript:void(0)"></a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5779" class="black">山西</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">太原</a><a href="/go.html?url=javascript:void(0)">长治</a><a href="/go.html?url=javascript:void(0)">大同</a><a href="/go.html?url=javascript:void(0)">晋城</a><a href="/go.html?url=javascript:void(0)">晋中</a><a href="/go.html?url=javascript:void(0)">临汾</a><a href="/go.html?url=javascript:void(0)">吕梁</a><a href="/go.html?url=javascript:void(0)">朔州</a><a href="/go.html?url=javascript:void(0)">忻州</a><a href="/go.html?url=javascript:void(0)">阳泉</a><a href="/go.html?url=javascript:void(0)">运城</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5796" class="black">陕西</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">西安</a><a href="/go.html?url=javascript:void(0)">安康</a><a href="/go.html?url=javascript:void(0)">宝鸡</a><a href="/go.html?url=javascript:void(0)">汉中</a><a href="/go.html?url=javascript:void(0)">商洛</a><a href="/go.html?url=javascript:void(0)">铜川</a><a href="/go.html?url=javascript:void(0)">渭南</a><a href="/go.html?url=javascript:void(0)">咸阳</a><a href="/go.html?url=javascript:void(0)">延安</a><a href="/go.html?url=javascript:void(0)">榆林</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5801" class="black">四川</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">成都</a><a href="/go.html?url=javascript:void(0)" name="阿坝藏族羌族自治州">阿坝州</a><a href="/go.html?url=javascript:void(0)">巴中</a><a href="/go.html?url=javascript:void(0)">达州</a><a href="/go.html?url=javascript:void(0)">德阳</a><a href="/go.html?url=javascript:void(0)" name="甘孜藏族自治州">甘孜州</a><a href="/go.html?url=javascript:void(0)">广安</a><a href="/go.html?url=javascript:void(0)">广元</a><a href="/go.html?url=javascript:void(0)">乐山</a><a href="/go.html?url=javascript:void(0)" name="凉山彝族自治州">凉山州</a><a href="/go.html?url=javascript:void(0)">泸州</a><a href="/go.html?url=javascript:void(0)">南充</a><a href="/go.html?url=javascript:void(0)">眉山</a><a href="/go.html?url=javascript:void(0)">绵阳</a><a href="/go.html?url=javascript:void(0)">内江</a><a href="/go.html?url=javascript:void(0)">攀枝花</a><a href="/go.html?url=javascript:void(0)">遂宁</a><a href="/go.html?url=javascript:void(0)">雅安</a><a href="/go.html?url=javascript:void(0)">宜宾</a><a href="/go.html?url=javascript:void(0)">资阳</a><a href="/go.html?url=javascript:void(0)">自贡</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5782" class="black">西藏</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">拉萨</a><a href="/go.html?url=javascript:void(0)">阿里地区</a><a href="/go.html?url=javascript:void(0)">昌都地区</a><a href="/go.html?url=javascript:void(0)">林芝地区</a><a href="/go.html?url=javascript:void(0)">那曲地区</a><a href="/go.html?url=javascript:void(0)">日喀则地区</a><a href="/go.html?url=javascript:void(0)">山南地区</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5781" class="black">新疆</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">乌鲁木齐</a><a href="/go.html?url=javascript:void(0)">阿拉尔</a><a href="/go.html?url=javascript:void(0)">阿克苏地区</a><a href="/go.html?url=javascript:void(0)">阿勒泰地区</a><a href="/go.html?url=javascript:void(0)" name="巴音郭楞蒙古自治州">巴音郭楞</a><a href="/go.html?url=javascript:void(0)" name="博尔塔拉蒙古自治州">博尔塔拉州</a><a href="/go.html?url=javascript:void(0)" name="昌吉回族自治州">昌吉州</a><a href="/go.html?url=javascript:void(0)">哈密地区</a><a href="/go.html?url=javascript:void(0)">和田地区</a><a href="/go.html?url=javascript:void(0)">喀什地区</a><a href="/go.html?url=javascript:void(0)">克拉玛依</a><a href="/go.html?url=javascript:void(0)" name="克孜勒苏柯尔克孜自治州">克孜勒苏州</a><a href="/go.html?url=javascript:void(0)">石河子</a><a href="/go.html?url=javascript:void(0)">塔城地区</a><a href="/go.html?url=javascript:void(0)">图木舒克</a><a href="/go.html?url=javascript:void(0)">吐鲁番地区</a><a href="/go.html?url=javascript:void(0)">五家渠</a><a href="/go.html?url=javascript:void(0)" name="伊犁哈萨克自治州">伊犁州</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5797" class="black">云南</a>：</dt>
<dd>
<a href="/go.html?url=javascript:void(0)">昆明</a><a href="/go.html?url=javascript:void(0)">保山</a><a href="/go.html?url=javascript:void(0)" name="楚雄彝族自治州">楚雄州</a><a href="/go.html?url=javascript:void(0)" name="大理白族自治州">大理州</a><a href="/go.html?url=javascript:void(0)" name="德宏傣族景颇族自治州">德宏州</a><a href="/go.html?url=javascript:void(0)" name="迪庆藏族自治州">迪庆州</a><a href="/go.html?url=javascript:void(0)" name="红河哈尼族彝族自治州">红河州</a><a href="/go.html?url=javascript:void(0)">丽江</a><a href="/go.html?url=javascript:void(0)">临沧</a><a href="/go.html?url=javascript:void(0)" name="怒江傈僳族自治州">怒江州</a><a href="/go.html?url=javascript:void(0)">普洱</a><a href="/go.html?url=javascript:void(0)">曲靖</a><a href="/go.html?url=javascript:void(0)">昭通</a><a href="/go.html?url=javascript:void(0)" name="文山壮族苗族自治州">文山</a><a href="/go.html?url=javascript:void(0)" name="西双版纳傣族自治州">西双版纳</a><a href="/go.html?url=javascript:void(0)">玉溪</a>
</dd>
<dt><a href="/go.html?url=javascript:void(0)" code="5798" class="black">浙江</a>：</dt>
<dd><a href="/go.html?url=javascript:void(0)">杭州</a><a href="/go.html?url=javascript:void(0)">湖州</a><a href="/go.html?url=javascript:void(0)">嘉兴</a><a href="/go.html?url=javascript:void(0)">金华</a><a href="/go.html?url=javascript:void(0)">丽水</a><a href="/go.html?url=javascript:void(0)">宁波</a><a href="/go.html?url=javascript:void(0)">衢州</a><a href="/go.html?url=javascript:void(0)">绍兴</a><a href="/go.html?url=javascript:void(0)">台州</a><a href="/go.html?url=javascript:void(0)">温州</a><a href="/go.html?url=javascript:void(0)">舟山</a>
</dd>
</dl>
</div>
</div>
<button id="popup_close"></button>
</div>
</div>
<style>
.cityList{height: 320px;overflow-y: auto;width:372px;color:#333;font:12px arial,sans-serif;padding-left:10px;}
.cityList h4{font-size:12px;font-weight:normal;margin:0;}
.cityList hr{height:1px;border-top:solid 1px #ccc; border-bottom:none;}
.cityList form,.cityList dl{margin:0;}
.cityList dd,.cityList h4,.cityList dt{padding: 2px 0; vertical-align: top;line-height: 150%;}
.cityList dt{float:left;width:52px;}
.cityList dd{margin-left:52px;}
.cityList a{color:#0000CC;text-decoration:underline;outline:none;margin-right: 8px;}
.cityList dt a{margin-right:0;}
.cityListDescript{color:#999;}
.cityList .black{color:#000;}
.cityList form span{color:red;}
.errorTip{display:none;}
.cityNameSubmit{cursor:pointer;}
.sel_container{position:absolute;top:0;font-size:12px;}
.map_popup {position: absolute;z-index: 200000;width: 382px;height: 344px;top:20px; display:none;}
.map_popup .popup_main { background:#fff;border: 1px solid #8BA4D8;height: 100%;overflow: hidden;position: absolute;width: 100%;z-index: 2;}
.map_popup .title {background: url("https://map.baidu.com/img/popup_title.gif") repeat scroll 0 0 transparent;
color: #6688CC;font-size: 12px;font-weight: bold;height: 24px;line-height: 25px;padding-left: 7px;}
.map_popup button {background: url("https://map.baidu.com/img/popup_close.gif") no-repeat scroll 0 0 transparent;
border: 0 none;cursor: pointer;height: 12px;position: absolute;right: 4px;top: 6px;width: 12px;}
.tangram-suggestion-main{border: 1px solid #817F82;position: absolute;z-index: 200001;background: #fff;}
.tangram-suggestion table{cursor: default;width: 100%}
.tangram-suggestion td{font: 14px verdana;}
.tangram-suggestion-current{background-color: #66CC66;color: #fff;}
.tangram-suggestion-append{padding: 2px;color: #c0c0c0;font: 12px verdana;text-align: right;}
.tangram-suggestion-prepend{padding: 2px;color: #c0c0c0;font: 12px verdana;}
</style>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.1&services=true"></script>
<script type="text/javascript" src="https://img.baidu.com/js/tangram-1.3.4.js"></script>
<!--<script type="text/javascript" src="https://tangram.baidu.com/tangram-all.js"></script>-->
<script type="text/javascript" src="suggestion.js"></script>
<script type="text/javascript" >
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(108.91907,34.239102), 12);
var mapext = mapext || {};
var suggestionData,cname;
mapext.cityList = function(options){
var opts = baidu.object.extend({
wrapID: "cityList",
changeCityID: "curCityText",
curCityID: "curCity",
map: map,
moveMap:function(){
var city = arguments[0];
var local = new BMap.LocalSearch(city,{
renderOptions: {map:null , autoViewport: true },
onSearchComplete:function(result){
if(result.getNumPois() > 0){
opts.map.panTo(result.getPoi(0).point);
}
closeList();
}
});
local.search(city);
}},
options);
var oCityName = baidu.g(opts.curCityID),oSearch = baidu.g("cityNameSearch"),oTips = baidu.g("citySearchTip"),oSearchForm = baidu.g("searchForm");
(function init() {
search();
bindEvent(opts);
})();
function bindEvent(opts){
baidu.event.on(opts.wrapID,"click",function(e){
var elem = e.target || e.srcElement;
if(elem.tagName.toLowerCase() == "a"){
cityNameSearch(elem.innerHTML,function(){
oCityName.innerHTML = cname;
opts.moveMap(elem.innerHTML);
});
}
});
baidu.event.on("popup_close","click",function(){
closeList();
});
baidu.event.on(opts.changeCityID,"click",function(e){
openList();
});
}
function search(){
suggestion();
baidu.event.on(oSearchForm,"submit",function(e){
if(oSearch.value == '' || oSearch.value == '输入城市名'){
showErrTip();
oSearch.focus();
}else{
cityNameSearch(oSearch.value,function(){
if(cname){
hideErrTip();
oCityName.innerHTML = cname;
opts.moveMap(oSearch.value);
}
else{
showErrTip();
}
});
}
baidu.event.stop(e);
});
baidu.event.on(oSearch,"focus",function(){
if(this.value == "输入城市名"){
this.value = '';
this.style.color = '#000'
}
});
baidu.event.on(oSearch,"onkeydown",function(e){
if(e.keyCode == 13){
baidu.event.fire(oSearchForm,"submit");
}
});
baidu.event.on(oSearch,"blur",function(){
hideErrTip();
})
}
function showErrTip(){
baidu.removeClass(oTips,"errorTip");
}
function hideErrTip(){
baidu.addClass(oTips,"errorTip");
}
function cityNameSearch(city,callback){
baidu.sio.callByBrowser("https://map.baidu.com/?ie=utf-8&qt=cur&wd="+ encodeURIComponent(city) +"&t="+(new Date()).getTime()+"&callback=getCityName",function(){
callback();
});
}
function suggestion(){
var options = {
getData: function(word){
var that = this;
baidu.sio.callByBrowser("https://map.baidu.com/su?wd="+encodeURIComponent(oSearch.value)+"&cid=131&type=1&ie=utf-8&t="+(new Date()).getTime()+"&callback=getCityData",function(){
//suggestionData.unshift(word);
that.setData(word, suggestionData);
}
)}
}
var suggestion = new baidu.ui.Suggestion(options)
suggestion.render(oSearch, options);
}
/**
* get or set city name
* @param {type} name :
* @returns {none}
* @author looping
*/
function cityName(){
if(arguments.length == 0){//get city name
return oCityName.innerHTML;
}else{// set city name
oCityName.innerHTML = arguments[0];
}
}
function openList(){
baidu.setStyle(opts.wrapID,"display","block");
}
function closeList(){
baidu.setStyle(opts.wrapID,"display","none");
}
this.open = function(){
openList();
}
this.close = function(){
closeList();
}
}
function getCityData(data){
var t = data.s;
suggestionData = t.length ? baidu.array.map(t,function(item,i){ return item.replace(/^$*|$*$/g,""); }) : t ;
}
function getCityName(data){
var t = data.content;
if(t["error"] == 0){
cname = "";
}else{
cname = t.cname;
}
}
baidu.object.map = function (source, iterator) {
var results = {};
for (var key in source) {
if (source.hasOwnProperty(key)) {
results[key] = iterator(source[key], key);
}
}
return results;
};
var list = new mapext.cityList();
//list.open();
</script>
</body>
</html><!DOCTYP
