摘要:在最近項目中,我接觸了百度地圖的寫法,對其中的代碼有了一點興趣,所以我在完成任務后,在辦公室里學習了百度地圖的相關引用,并申請了服務秘鑰下面是我在學習中總結的對項目有幫助的代碼百度地圖功能啟用滾輪放大縮小,默認禁用添加默
在最近項目中,我接觸了百度地圖的API寫法,對其中的代碼有了一點興趣,所以我在完成任務后,在辦公室里學習了百度地圖的相關引用,并申請了服務秘鑰: E7PCho0sv3FdzmjC901ttP0HrS9bT4nY
下面是我在學習中總結的對項目有幫助的代碼
Hello, World
map.jquery.min.js
$.fn.bMap=function(h){h=$.extend({name:"map"},h);var j=$(this),b=h.name,p,m=116.331398,l=39.897445,q,a,n=$(""),g=$(""),f=$("");j.append(o).append(g).append(n).append(f);if(h.location||h.address){if(h.location){p=new BMap.Point(h.location[0],h.location[1]);m=h.location[0];l=h.location[1];g.val(m+","+l);if(!h.address){c(p,null,false)}else{o.val(h.address)}}else{o.val(h.address);var i=new BMap.Geocoder();i.getPoint(h.address,function(r){p=r;m=r.lng;l=r.lat;g.val(m+","+l)})}}else{var k=new BMap.Geolocation();k.getCurrentPosition(function(t){if(this.getStatus()==BMAP_STATUS_SUCCESS){var s=new BMap.Marker(t.point);p=t.point;m=t.point.lng;l=t.point.lat}},{enableHighAccuracy:true})}o.focus(function(r){n.show().css("zIndex",999);d()});o.blur(function(r){n.hide().css("zIndex",0)});function d(){if(a){return false}a=new BMap.Map("Map_"+b,{enableMapClick:false});a.centerAndZoom(new BMap.Point(m,l),15);a.enableScrollWheelZoom();a.enableContinuousZoom();e(p);a.addEventListener("click",function(s){e(s.point);c(s.point)});var r=o.val();q=new BMap.Autocomplete({input:"Map_input_"+b,location:a});q.setInputValue(r);q.addEventListener("onconfirm",function(v){var t=v.item.value;myValue=t.province+t.city+t.district+t.street+t.business;function s(){var w=u.getResults().getPoi(0).point;a.centerAndZoom(w,15);c(w,t);e(w)}var u=new BMap.LocalSearch(a,{onSearchComplete:s});u.search(myValue)})}function c(r,s,u){var t=new BMap.Geocoder();g.val(r.lng+","+r.lat);t.getLocation(r,function(v){var w=v.addressComponents;if(s){w=$.extend(s,w)}w.business=w.business?w.business:"";if(q){q.setInputValue(w.province+w.city+w.district+w.street+w.streetNumber+w.business)}else{t.getLocation(r,function(x){o.val(x.address)})}if(h.callback&&!u){h.callback(w,r)}})}function e(r){a.clearOverlays();var s=new BMap.Marker(r);a.addOverlay(s);s.enableDragging();s.addEventListener("dragend",function(t){c(t.point)})}};
這個是成功圖,想漂亮的自己調樣式:
注:文章來源雨中笑的相關博客記錄實習期遇到的問題與心得,轉載請申明原文
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/97115.html
摘要:在最近項目中,我接觸了百度地圖的寫法,對其中的代碼有了一點興趣,所以我在完成任務后,在辦公室里學習了百度地圖的相關引用,并申請了服務秘鑰下面是我在學習中總結的對項目有幫助的代碼百度地圖功能啟用滾輪放大縮小,默認禁用添加默 在最近項目中,我接觸了百度地圖的API寫法,對其中的代碼有了一點興趣,所以我在完成任務后,在辦公室里學習了百度地圖的相關引用,并申請了服務秘鑰: E7PCho0sv...
摘要:在最近項目中,我接觸了百度地圖的寫法,對其中的代碼有了一點興趣,所以我在完成任務后,在辦公室里學習了百度地圖的相關引用,并申請了服務秘鑰下面是我在學習中總結的對項目有幫助的代碼百度地圖功能啟用滾輪放大縮小,默認禁用添加默 在最近項目中,我接觸了百度地圖的API寫法,對其中的代碼有了一點興趣,所以我在完成任務后,在辦公室里學習了百度地圖的相關引用,并申請了服務秘鑰: E7PCho0sv...
摘要:第三種,使用格式,即在中請求參數處理跨域問題當然請求方式只能是。最后發現有網友說版本不穩定引起的,于是把百度地圖回退到了,結果還真是可以了。請問在移動端頁面中播放優酷里面的視頻,怎樣實現 1.web掃碼登錄怎么實現,思路 步驟 WEB平臺 手機 第1步 生成二維碼 第2步 (ajax監控后臺) 掃碼 第3步 ...
摘要:簡介這是一個完整的已經線上運行的天氣應用小程序,點擊可查看源碼,可隨意。但是對于一款簡單的天氣應用小程序來說也夠了。 更新說明: I、氣象數據由百度地圖開放平臺)修改為了和風天氣,需要注冊賬號獲取 key; II、d0e51c8 版本之后為小程序云開發版本,若未開通云開發功能,為不影響小程序正常運行,可以將版本號回退到 git reset d0e51c8 --hard,或,將云開發相關...
摘要:定義字符中文注音或字符的解釋或發音。表單域我們都知道標簽用于為用戶輸入創建表單。在中表單域添加了兩個新的屬性規定是否啟用表單的自動完成功能,默認。通過屬性和表單域的可以將輸入表單綁定到表單域中。 showImg(http://ww1.sinaimg.cn/large/007kscFEgy1fxgnw4hajoj31400p0q4d.jpg); 1. 認識HTML5 HTML5并不僅僅...
閱讀 1629·2019-08-30 15:54
閱讀 2374·2019-08-30 15:52
閱讀 2048·2019-08-29 15:33
閱讀 3042·2019-08-28 17:56
閱讀 3237·2019-08-26 13:54
閱讀 1675·2019-08-26 12:16
閱讀 2449·2019-08-26 11:51
閱讀 1645·2019-08-26 10:26