html5在网页中调用百度地图

日期：2024-12-08 移动：http://tiush.xhstdz.com/mobile/quote/83704.html

html5在网页中调用百度地图调用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>在网页中调用百度地图</title>  <script type="text/javascript" src=src="http://api.map.baidu.com/api?key=*&v=1.0&services=true"></script> </head> <body οnlοad="init()"> <div id="map" width="800" height="600"></div> <script> function init(){ if(navigator.geolocation){ //获取当前地理位置 navigator.geolocation.getCurrentPosition(showposition,showerror); } else{ alert("您的浏览器不支持获取地理位置信息！"); } } //获取当前地理位置 function showposition(position){ var coords=position.coords; //指定一个谷歌地图上的坐标点，同时指定该坐标点的横坐标和纵坐标,显示谷歌地图 var latlng=new google.maps.LatLng(coords.latitude,coords.longitude); var myOptions={ zoom:14,//设定放大倍数 center:latlng,//将地图中心设定为指定的坐标点 mapTypeId:google.maps.mapTypeId.ROADMAP//指定地图类型 }; //创建地图，并在页面map中显示， var map=new google.maps.Map(document.getElementById("map"),myOptions); //在地图上创建标记 var marker=new google.maps.Marker({ position:latlng,//将前面设定的坐标标注出来 map:map//将该标注设置在刚才创建的map中 } ); //标注提示窗口 var infoWindow=new google.maps.InfoWindow({ content:"当前位置：<br/>经度："+latlng.lat()+"纬度："+latlng.lng()//提示窗体信息 }); //打开提示窗口 infoWindow.open(map,marker); } function showerror(error){ //处理错误 // case 1: // alert("服务位置被拒绝！");break; // case 2: // alert("暂时获取不到位置信息！");break; // case 3: // alert("获取信息超时！");break; // default: // alert("未知错误");break; alert(error.code+" "+error.message); } </script> </body>

本文地址：http://tiush.xhstdz.com/quote/83704.html 物流园资讯网 http://tiush.xhstdz.com/ , 查看更多

特别提示：本信息由相关用户自行提供，真实性未证实，仅供参考。请谨慎采用，风险自负。

0 条相关评论

相关最新动态

推荐最新动态

点击排行