本文实例讲述了射流研究…实现根据详细地址获取经纬度功能。分享给大家供大家参考,具体如下:
这个功能还是比较实用的,记录分享一下:
html xmlns=' http://www。w3。org/1999/XHTML '标题根据地址查询经纬度/title meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '脚本类型=' text/JavaScript ' src=' http :http://API。地图。百度。com/API?v=1.3 /脚本/头体样式='background:#CBE1FF' div样式=' width :730 px ' margin : auto '要查询的地址:输入id='text_ '类型=“文本”值='郑州大学style='右边距:100 px'/查询结果(经纬度):输入id='result_ '类型='text' /输入类型='按钮'值='查询onclick='按电台名称搜索();/div id=' container ' style=' position : absolute;页边距-顶部:30 px宽度: 730像素;高度: 590像素;top: 50border: 1px纯灰色;overflow : hidden '/div/div/body脚本类型=' text/JAVAScript ' var map=new BMap .地图('容器');map.centerAndZoom('郑州', 15);地图。enablescrolheelzoom();//启用滚轮放大缩小,默认禁用地图。enablecontinuouszoom();//启用地图惯性拖拽,默认禁用map.addControl(新的BMap .NavigationControl());//添加默认缩放平移控件map.addControl(新的BMap .概述mapcontrol());//添加默认缩略地图控件map.addControl(新的BMap .概述mapcontrol({ isopen : true,ANCHOR : BMAP _ ANCHOR _ BOTTOM _ RIGHT });//右下角,打开var localSearch=新BMap .LocalSearch(地图);本地搜索。enable auto viewport();//允许自动调节窗体大小函数按电台名称搜索(){地图。清除覆盖();//清空原来的标注定义变量关键字=文档。getelementbyid(' text _ ').价值;本地搜索。setsearchecompletecallback(函数(搜索结果){ var poi=搜索结果。getpoi(0);文件。getelementbyid(' result _ ').value=poi.point.lng ',' poi。重点。稍后;地图中心和缩放(poi.point,13);定义变量标记=新的BMap .标记(新BMap .点(poi.point.lng,poi。重点。lat));//创建标注,为要查询的地方对应的经纬度map.addOverlay(标记);var内容=文档。getelementbyid(' text _ ').值br/br/经度:“poi。重点。液化天然气”br/纬度:' poi。重点。稍后;var infoWindow=新BMap .InfoWindow(' p style=' font-size :14 px;内容'/p ');marker.addEventListener('click '),function(){ this。openinfowindow(信息窗口);});//标记。setanimation(BMAP _动画_弹跳);//跳动的动画});localSearch.search(关键字);}/脚本/html这里使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行效果:
更多关于Java脚本语言相关内容还可查看本站专题: 《JavaScript数学运算用法总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript数组操作技巧总结》 、 《JavaScript事件相关操作与技巧大全》 、 《JavaScript操作DOM技巧总结》 及《JavaScript字符与字符串操作技巧总结》
希望本文所述对大家Java脚本语言程序设计有所帮助。