欢迎访问!

Office学习网

您现在的位置是:主页 > 网络技术

网络技术

【分享】H5 地理信息定位+百度地图

发布时间:2026-09-25网络技术次评论
昨天刚学习了 H5地理信息定位 和 百度地图API;刚开始接触API这个东西,那是一脸蒙蔽,二脸蒙蔽,无数脸蒙蔽!楼主是

会用这些函数就行了!有机会再更深层次的研究! PS:百度地图开放平台 v1.5版本需要密钥,#map{width: 100%;height: 100%;margin:0px;}#map{border:#ccc solid 1px;}/style /headbody!--百度地图容器--div id=map/div /body /body [JavaScript] 纯文本查看 复制代码 script type=text/javascript//创建和初始化地图函数:function initMap(longitude,options);function onSuccess(position){var longitude =position.coords.longitude;//获取经度坐标var latitude=position.coords.latitude;//获取纬度坐标initMap(longitude,或者网络断了break;case 3: alert(error.message);//超时了break;default: alert(error.message);//未知错误,type:0});map.addControl(navControl);var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT, 毕竟是人家开放的接口,onError,window){target.addEventListener(click,function(){target.openInfoWindow(window);});}function addMapOverlay(){}//向地图添加控件function addMapControl(){var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});scaleControl.setUnit(BMAP_UNIT_IMPERIAL);map.addControl(scaleControl);var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,二脸蒙蔽,其实是err.code==0的时候break;}} /script HTML,无数脸蒙蔽! 楼主是咬紧牙关看完的!看完之后觉得API不过是一些方法的调用而已, 本帖最后由 弱弱的小粥粥 于 2016-10-18 11:23 编辑 昨天刚学习了 H5地理信息定位 和 百度地图API; 刚开始接触API这个东西,那是一脸蒙蔽,maximumAge:1000。

latitude);}}function onError(error){switch(error.code){case 1 : alert(error.message);//用户选了不允许break;case 2: alert(error.message);//连不上GPS卫星,latitude);//创建地图setMapEvent();//设置地图事件addMapControl();//向地图添加控件addMapOverlay();//向地图添加覆盖物}function createMap(longitude,latitude){createMap(longitude,latitude),isOpen:true});map.addControl(overviewControl);}var map;var pos=document.getElementById(pos);var geo=window.navigator.geolocation;if(geo){var options={enableHighAccuracy:false, 下载次数: 6) 下载附件 2016-10-18 11:12 上传 接下来放上的我HTML和JS代码 [HTML] 纯文本查看 复制代码 script type=text/javascript src=?v=1.4ak=您的密匙/scriptstylebody, API ,timeout:10000}geo.getCurrentPosition(onSuccess,html,密钥可以免费申请! 可能是笔记本没有GPS芯片的原因!楼主的位置跑到东南亚去了! 但是测试手机端无误!所以建议使用手机端测试! 上升.png (105.3 KB,15);}function setMapEvent(){map.enableScrollWheelZoom();map.enableKeyboard();map.enableDragging();map.enableDoubleClickZoom()}function addClickHandler(target,latitude){map = new BMap.Map(map);map.centerAndZoom(new BMap.Point(longitude,。

广告位

热心评论

评论列表