百度地图--定位到城市

最新推荐文章于 2022-10-12 15:21:21 发布

weixin_30758821

最新推荐文章于 2022-10-12 15:21:21 发布

阅读量215

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/technet/archive/2011/12/22/2297988.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>设置城市demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true" ></script>
</head>
<body>
<div id="container" style="width:500px;height:400px"></div>
<select id="menu1_province" name="menu1_province" οnchange="MM_jumpMenu_province(this)">
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="天津">天津</option>
    <option value="重庆">重庆</option>
    <option value="广西">广西</option>
</select>
<select id="menu1_city" name="menu1_city">
    <option value="北京">北京</option>
</select>
<input type="submit" οnclick="GetMap()" value="定位到地图"/>
<script>
var map = new BMap.Map("container");
map.addControl(new BMap.NavigationControl());

map.centerAndZoom(new BMap.Point(116.330599, 39.95536), 11); //初始化地图
map.enableScrollWheelZoom(); // 启用滚轮放大缩小。
map.enableKeyboard(); // 启用键盘操作。

</script>
<script type="text/JavaScript">
<!--
var beijing="北京,";
var shanghai="上海,";
var tianjin="天津,";
var chongqing="重庆,";
var guangxi=" 南宁,柳州,桂林,玉林,百色,宜州,河池,梧州,钦州,北海,防城港,";

function MM_jumpMenu_province(selObj){ //v3.0
switch(selObj.options[selObj.selectedIndex].value){
      case "北京":
       ShowSelect(beijing);
       break;
      case "上海":
       ShowSelect(shanghai);
       break;
      case "天津":
       ShowSelect(tianjin);
       break;
      case "重庆":
       ShowSelect(chongqing);
       break;
      case "广西":
       ShowSelect(guangxi);
       break;
}
}

function ShowSelect(citylist){
var obj=document.getElementById('menu1_city');
    obj.options.length=0;
var _citylist=citylist.split(',');
    for(i=0;i<_citylist.length - 1;i++){
     obj.add(new Option(_citylist[i],_citylist[i]),i);
}
}

function GetMap(){ //v3.0
    var obj=document.getElementById('menu1_city');
    var index=obj.selectedIndex; //序号，取当前选中选项的序号
    var val = obj.options[index].value;
    search.search(val);
}
//-->
</script>
</body>
</html>

转载于:https://www.cnblogs.com/technet/archive/2011/12/22/2297988.html

weixin_30758821

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图--定位到城市

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>设置城市demo</title><meta ...
复制链接

扫一扫