地区联动带百度地图查询
写一个地区联动带百度地图查询的东东,在这里展示一下,并发表一下。效果如图:
所用文件有:
demo.htmljs/jquery.min.jsjs/jquery.baidumap.jsjs/pcasunzip.jsdemo.png
demo.html展示代码:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.baidumap.js"></script><script type="text/javascript" src="js/pcasunzip.js"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script><title>联级地区带百度地图查询</title></head><body> <table width="100%"> <tr> <td><form action="#" method="post"><table width="100%" id="Venue_province"></select><select name="Venue[city]" id="Venue_city"></select><select name="Venue[district]" id="Venue_district"></select><script type="text/javascript">new PCAS("Venue_province","Venue_city","Venue_district","","","");</script></td> </tr><tr> <td name="Venue[address]" id="Venue_address" type="text" maxlength="100" /></td> </tr></tbody></table></form> </td></tr><tr> <td valign="top" style="padding-left:10px;"><div style="height:300px;border:1px solid gray" id="showmap"></div><p style="color:red; line-height:30px; ">温馨提示:从 <input type="text" value="" name="beginmap" id="beginmap" /> 到 <span id="endmap" style="font-weight:700;">终点</span> 共 <span id="longmap" style="font-weight:700;">0</span> 公里,打车预计<span id="monenymap" style="font-weight:700;">0</span> 元</p> </td> </tr> </table></div><script type="text/javascript">baiduMap.init();</script></body></html>