首页 > 编程知识 正文

高德地图api坐标拾取器,地图坐标拾取

时间:2023-05-03 16:38:55 阅读:148349 作者:3370

! doctypehtmlhtmlheadmetahttp-equiv=' content-type ' content=' text/html; charset=utf-8' title坐标拾取/title script type=' text/JavaScript ' src=' http://web API.AMAP.com/maps? v=1.3 key=452 ee5c52 Fe 0869 fc3a9 a 06420 d 0016 b '/script style # IMAP { height 33601200 px; width: 1000px; 浮动:左; } .info { float: left; 边距:00010px; } label { width: 80px; 浮动:左; } .detail { padding: 10px; border: 1px solid #aaccaa; }/style/head bodynlad=' map init (' divid=' IMAP '/divdivclass=' info ' h1黄金地图坐标拾取工具(GCJ-02坐标)/h1 p/p/brdivclass=' detail ' pspanid=' LNG lat '/span/pspan=' I address '/span/p/div/div/bodyscriptlanguaguagugud //初始化贴图function mapInit () varopt=) level:10,//贴图缩放级别center : new AMAP.LNG lat (114.064675,22.548782 ) //单击事件} function geocoder () { var MGeocoder; //地理编码插件mapobj.plugin(amap.toolbar )、AMAP.scale (AMAP.overview )、AMAP.maptype (AMAP.geolocociocin ) mapobj.add control (new AMAP.overview ({ is open : true } ); mapo bj.add control (new AMAP.maptype ) ); mapobj.add control (new AMAP.geolocation ) ); ); mapobj.plugin ([ ' AMAP.geocoder ' ],function ) mgeocoder=new AMAP.geocoder ({ radius 33601000,extensions336660 ) //反向地理代码mgeocoder.getaddress(lnglatxy ); ); //varcsdbder=new AMAP.marker (map : mapobj,icon 3360 new AMAP.icon (image : (https://webapi.AMAP.com/theme/) size 3330 image offset 3360 new AMAP.pixel (-0,-0) }、position: lnglatXY、offset:newamap.pixel(-5,-30 ) }; //mapObj.setFitView (; //回调函数functiongeocoder_callback(data ) console.log ) ' DDD ); var address; //返回地址描述address=data.re geocode.formatted address; console.log (地址; ///返回结果的子画面输出document.getelementbyid (I address ) ).innerHTML=address; //用鼠标单击,输入经纬度坐标functiongetlnglat(e ) { mapObj.clearMap; var x=e.lnglat.getLng (; var y=e.lnglat.getLat (; document.getelementbyid (' LNG lat ' ).innerHTML=x ',' y; lglatxy=newamap.LNGlat(x,y ); geocoder (; } /script /html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。