通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——在html5中如何獲取地理位置信息及應(yīng)用實(shí)例第2部分-資料下載頁
【導(dǎo)讀】<!DOCTYPEhtml>. <!--. 數(shù)限制。body{text-align:center;height:100%;overflow:hidden;}. #showMapDivTagID{width:100%;height:100%;position:absolute;}. };(handleSuccess,locationError,options);alert("瀏覽器不支持html5來獲取地理位置信息");varcurrentLatitude=;varcurrentLatitude=;alert("您位置的經(jīng)度是："+currentLongitude+"緯度是："+currentLatitude);varmap=new("showMapDivTagID");varpoint=new(""+currentLongitude+"",""+currentLatitude+"");(point,19);vargc=new();varmarker=new(point);(marker);(point);varaddComp=;if(!==){. "<div><h4style='margin:005px0;padding:0'>你當(dāng)前的位置。style='margin:0;line-height:;font-size:13px;text-indent:2em'>"++","+. style='margin:0;line-height:;font-size:13px;text-indent:2em'>"++","+. "</div>";(infoWindow,point);});(point,0,translateCallback);alert("位置服務(wù)器拒絕");break;alert("獲取不到位置");break;
【正文】 true。 } searchInfoWindow = new (map, content, { title : 中科天博大廈 , //標(biāo)題 width : 290, //寬 度 height : 105, //高度 panel : panel, //檢索結(jié)果面板 enableAutoPan : true, //自動(dòng)平移 enableSendToPhone: enableSendToPhone, //是否啟用發(fā)送到手機(jī) searchTypes :[ BMAPLIB_TAB_SEARCH, //周邊檢索 BMAPLIB_TAB_TO_HERE, //到這里去 BMAPLIB_TAB_FROM_HERE //從這里出發(fā) ] })。 if ($(enableAutoPan).checked) { ()。 } else { ()。 }。 (marker)。 } 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工 作室，版權(quán)所有，盜版必究 ， 17/19 頁 17 $(show).onclick = function(){ ()。 } $(hide).onclick = function(){ ()。 } $(getPosition).onclick = function(){ var position = ()。 alert(經(jīng)度 ： + + ；緯度： + )。 } $(setValue).onclick = function(){ (new ($(lng).value, $(lat).value))。 ($(title).value)。 ($(content).value)。 } $(getContent).onclick = function(){ alert(())。 } $(getTitle).onclick = function(){ alert(())。 } function $(id){ return (id)。 } //樣式 1 var searchInfoWindow1 = new (map, 信息框 1 內(nèi)容 , { title: 信息框 1, //標(biāo)題 panel : panel, //檢索結(jié)果面板 enableAutoPan : true, //自動(dòng)平移 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工 作室，版權(quán)所有，盜版必究 ， 18/19 頁 18 searchTypes :[ BMAPLIB_TAB_FROM_HERE, //從這里出發(fā) BMAPLIB_TAB_SEARCH //周邊檢索 ] })。 function openInfoWindow1() { (new (,))。 } //樣式 2 var searchInfoWindow2 = new (map, 信息框 2 內(nèi)容 , { title: 信息框 2, //標(biāo)題 panel : panel, //檢索結(jié)果面板 enableAutoPan : true, //自動(dòng)平移 searchTypes :[ BMAPLIB_TAB_SEARCH //周邊檢索 ] })。 function openInfoWindow2() { (new (,))。 } //樣式 3 var searchInfoWindow3 = new (map, 信息框 3 內(nèi)容 , { title: 信息框 3, //標(biāo)題 width: 290, //寬度 height: 40, //高度 panel : panel, //檢索結(jié)果面板 enableAutoPan : true, //自動(dòng)平移 searchTypes :[ 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工 作室，版權(quán)所有，盜版必究 ， 19/19 頁 19 ] })。 function openInfoWindow3() { (new (,))。 } var isPanelShow = false。 //顯示結(jié)果面板動(dòng)作 $(showPanelBtn).onclick = function(){ if (isPanelShow == false) { isPanelShow = true。 $(showPanelBtn). = 300px。 $(panelWrap). = 300px。 $(map). = 300px。 $(showPanelBtn).innerHTML = 隱藏檢索結(jié)果面板 br/。 } else { isPanelShow = false。 $(showPanelBtn). = 0px。 $(panelWrap). = 0px。 $(map). = 0px。 $(showPanelBtn).innerHTML = 顯示檢索結(jié)果面板 br/。 } } /script /body /html /script
鄂ICP備17016276號-1