是省市联动选择？写个简单的案例给你看看，使用请载入jquery文件，效果如图：
html如下：
<select id="province"><option>请选择省份</option>
<option>北京</option>
<option>上海</option>
<option>江苏</option>
</select>
<select class="city">
<option>请选择城市</option>
</select>
<select class="city">
<option>东城</option>
<option>西城</option>
<option>崇文</option>
<option>宣武</option>
<option>朝阳</option>
</select>
<select class="city">
<option>黄浦</option>
<option>卢湾</option>
<option>徐汇</option>
<option>长宁</option>
<option>静安</option>
</select>
<select class="city">
<option>南京</option>
<option>镇江</option>
<option>苏州</option>
<option>南通</option>
<option>扬州</option>
</select>
jquery如下：
var currentShowCity=0$(document).ready(function(){
$("#province").change(function(){
$("#province option").each(function(i,o){
if($(this).attr("selected"))
{
$(".city").hide()
$(".city").eq(i).show()
currentShowCity=i
}
})
})
$("#province").change()
})
function getSelectValue(){
alert("1级="+$("#province").val())
$(".city").each(function(i,o){
if(i == currentShowCity){
alert("2级="+$(".city").eq(i).val())
}
})
}
在支持html5地理定位API的浏览器上，window.navigator对象新增了一个geolocation属性，以及相关的Geolocation API。都是用JS进行访问的。
下面是一个例子：
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>地理位置</title>
</head>
<body>
<script>
navigator.geolocation.getCurrentPosition(
function(position){
var cords = position.coords
alert("当前经度："+cords.longtitude +", 纬度："+cords.latitude)
},
function(error){
var errorTypes={1:"位置服务被拒绝", 2:"获取不到位置信息", 3:"获取位置信息超时"}
alert( errorTypes[error.code] +":,不能确定当前地理位置")
}
)
</script>
</body>
</html>
这只是一个例子，一般用经度和纬度调用地图如百度地图的API显示。
注意：在电脑本机上没法测试，一般把网页放到服务器上，用手机访问可以定位。
有做过这个功能，之前用的是百度地图提供的api，完全符合你的需求。当然，高德地图貌似也有，你可以去看看。百度地图api:http://lbsyun.baidu.com/index.php?title=jspopular
补充：要做离线最好别用web端来做。后来发现，echarts来实现你的需求应该也是可以的（http://echarts.baidu.com/demo.html#map-world-dataRange）
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）