国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

ionic用插件(cordova-plugin-baidumaplocation)定位并調(diào)百度地圖在上面顯示

2018-9-15    seo達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

之前研究了定位,想用百度地圖,但是用百度地圖的 
JavaScript API里面的瀏覽器定位根本不行,要用插件,很多人說本身帶的這個cordova-plugin-geolocation插件因為網(wǎng)絡(luò)問題,只有ios可以用,然后找到了專門針對安卓的cordova-qdc-baidu-location插件,但是這個插件不知道是不是我使用的問題,得到的數(shù)據(jù)可以彈出來,但是數(shù)據(jù)并不像這個插件所說的數(shù)據(jù)格式是

{
  latitude : 緯度,
  lontitude: 經(jīng)度, ... }
    
  • 1
  • 2
  • 3
  • 4
  • 5

這樣的,而是字符串,不是json字符串,弄了半天還是取不到里面的關(guān)于經(jīng)緯度的值,然后發(fā)現(xiàn)了現(xiàn)在的這個定位插件cordova-plugin-baidumaplocation這個插件返回的數(shù)據(jù)格式是json的,可以直接獲取。 
因為網(wǎng)絡(luò)配代理的原因,一直添加不上插件,今天才發(fā)現(xiàn)用cordova-plugin-baidumaplocation插件定位其實挺簡單的。 
1.申請AK值。 
地址:http://lbsyun.baidu.com/ 
需要申請兩個或者三個(配置ios),一個是js的,一個是android的(三個的話還有一個ios的,但是這邊直接只寫安卓的,其實ios是一樣的) 
注:包名要一致 
2.添加插件. 
命令:

cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="<API_KEY_ANDROID>" --variable IOS_KEY="<API_KEY_IOS>"
    
  • 1

注意:是沒有<>這種尖括號的。 
到此為止準備工作基本上晚了,開始代碼部分: 
1.引入百度地圖:

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nLsK9qUii8uBZlkPAQUozAf9mR5xNVZF"></script>
    
  • 1

這個引入是為了轉(zhuǎn)化經(jīng)緯度為地址和顯示地圖。 
2.在html頁面上寫兩個 標簽:

<button class="button" ng-click="getarea()">點擊我獲取地址百度</button> <div id='allmap' style=""></div>
    
  • 1
  • 2

div標簽是為了放地圖的。 
3.js部分:

$scope.getarea=function(){ //myaddr(116.324499,39.899216); // 進行定位 baidumap_location.getCurrentPosition(function (result) { var latitude=result.latitude; var lontitude=result.lontitude;
        myaddr(lontitude,latitude);
      }, function (error) { });
    } //根據(jù)定位得到的經(jīng)緯度對地址進行解析 function myaddr(lontitude,latitude){ //alert("我的地址是:"+lontitude+","+latitude); // 百度地圖API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(lontitude, latitude);//34.7534880000,113.6313490000 map.centerAndZoom(point, 12); var marker = new BMap.Marker(point); // 創(chuàng)建標注 map.addOverlay(marker); // 將標注添加到地圖中 //把地址在地圖上標出來 var geoc = new BMap.Geocoder();
      geoc.getLocation(point, function(rs){ var addrmsg=rs.address; //var addComp = rs.addressComponents;  //詳細的分省市縣街道的信息 //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); var opts = {
          width : 200, // 信息窗口寬度 height: 50, // 信息窗口高度 } var infoWindow = new BMap.InfoWindow("地址:"+addrmsg, opts); //創(chuàng)建信息窗口對象  map.openInfoWindow(infoWindow,point); //開啟信息窗口 }); 

    }
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41

4.css部分:其實可以不要的,這是因為地圖中的地址顯示的窗口看起來有點問題,雖然改了依舊不好看,但是功能實現(xiàn)了。

.BMap_pop{ top: 70px !important; } .BMap_bubble_content{ width: 95% !important; } .BMap_center{ top: 26px !important; }
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

注:現(xiàn)在得到的地址是省市縣街道地址,想得到諸如:北京市朝陽區(qū)XX大廈附近這樣的地址的話還沒有研究,等研究出來了再補上。 

藍藍設(shè)計www.newchinaweekly.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.newchinaweekly.com

存檔

国产精品免费视频一区一| 亚洲欧洲综合在线| 91久久久一线二线三线品牌| 中文字幕一区二区三区精华液 | 国产欧美精品久久久| 日韩亚洲欧美中文高清在线| 欧美大片在线观看一区| 色综合欧美在线| 亚洲第一激情av| 中文字幕av在线一区二区三区| 成人污污视频在线观看| 天堂一区二区在线| 夜夜嗨网站十八久久| 91精品秘密在线观看| 成人在线免费观看网站| 欧美日韩大片免费观看| 欧美日韩看看2015永久免费 | av网站免费在线看| 国产精品一区二区人妻喷水| 69久久精品无码一区二区| 污色网站在线观看| 青青草原国产在线视频| 91丨九色丨蝌蚪| 动漫性做爰视频| 国产一级黄色av| 五月激情六月丁香| 俄罗斯毛片基地| 国产精品成人69xxx免费视频| 欧洲性xxxx| 成人免费观看在线视频| 亚洲精品久久久成人| 国产一级黄色| 9l视频自拍蝌蚪9l视频| 四色永久网址| 天堂影院在线| 二区三区在线播放| 污污的网站在线免费观看| 黄色在线免费观看网站| 欧美日韩免费电影| 加勒比久久高清| 欧美国产三区| 另类的小说在线视频另类成人小视频在线| 国产美女视频91| 日本一二三四高清不卡| 欧美成人在线直播| 成人在线国产精品| 四虎永久在线精品免费一区二区| 麻豆md0077饥渴少妇| 日韩av在线综合| 免费无码一区二区三区| 日本午夜精品视频| 一级黄色在线观看| 日韩有码第一页| www.操操操.com| 牛牛澡牛牛爽一区二区| 国产网站在线| 日韩亚洲国产欧美| 精品久久久免费| 日韩av中文在线| 欧美黑人狂野猛交老妇| 国产一区玩具在线观看| 综合色婷婷一区二区亚洲欧美国产| 99爱视频在线| 男生裸体视频网站| 日本免费精品视频| 欧美白人最猛性xxxxx| 国产精品久久久久白浆| 激情网站在线| 欧美18xxxx| 久久综合狠狠综合| 色猫猫国产区一区二在线视频| 亚洲欧美日韩综合| 国产精品一区二区在线| 午夜视频在线观| 日韩精品在线免费看| 久色视频在线观看| 国产美女在线播放| 国产在线高清理伦片a| 国产精品xnxxcom| 亚洲人成免费| 亚洲视频免费看| 亚洲天堂av综合网| 国产伦精品一区二区三区在线 | 亚洲aaa在线观看| 最新国产在线拍揄自揄视频| 第四色中文综合网| 丝袜脚交一区二区| 精品日韩一区二区三区 | 伊人久久av| 午夜激情一区| 欧美午夜片在线观看| 欧美极品少妇xxxxⅹ免费视频| 狠狠色综合色区| 日韩av成人网| 国产美女www爽爽爽视频| 超污网站在线观看| 浪潮色综合久久天堂| 一区二区自拍| 一级日本不卡的影视| 国产一区二区三区在线观看网站 | avove在线播放| 欧美最猛性xxxx免费| 午夜精品一区| 色狮一区二区三区四区视频| 久久精品日产第一区二区三区高清版 | 天天躁日日躁狠狠躁欧美巨大小说| 精品一区二区三区久久| 欧美日韩一级片网站| 欧美壮男野外gaytube| 国产又粗又长又爽视频| 欧美激情一区二区视频| 秋霞午夜电影| av在线一区不卡| 麻豆精品新av中文字幕| 中文字幕亚洲无线码a| 亚洲日本精品国产第一区| 精品人妻中文无码av在线| 久热中文字幕在线精品免费| 菠萝蜜视频国产在线播放| 国产精品videosex极品| 欧美日韩免费看| 国产精品免费在线免费| ass极品水嫩小美女ass| 来个黄色网址| 亚洲成人黄色| 91色婷婷久久久久合中文| 亚洲女同性videos| 亚洲美女性囗交| 色aⅴ色av色av偷拍| 亚洲黑丝一区二区| 久久香蕉频线观| 欧美精品自拍视频| 这里只有精品国产| 国产一区精品| 女人色偷偷aa久久天堂| 亚洲视频专区在线| 成人在线视频免费播放| 一级毛片在线播放| 欧美暴力喷水在线| 伊人久久久久久久久久久久久| 久久精品xxx| av最新在线观看| 国产视频在线播放| 国产精品情趣视频| 国产精品麻豆va在线播放| 日韩激情在线播放| 户外露出一区二区三区| 日韩欧美亚洲国产一区| 高清视频一区| 2018天天弄| 麻豆国产在线| 91丨porny丨最新| 精品久久中出| 久色视频在线观看| 日韩天天综合| 国产v综合ⅴ日韩v欧美大片 | 亚洲精品一卡二卡三卡四卡| 日韩少妇裸体做爰视频| www.91在线| 精品一区二区三区久久| 国产精品青青在线观看爽香蕉| 国产99免费视频| 欧美日韩一本| 国产亚洲人成网站在线观看| eeuss中文字幕| 美女福利一区二区| 制服.丝袜.亚洲.另类.中文| 免费看污污视频| 成年人网站在线免费观看| 欧美激情电影| 欧美成人精精品一区二区频| 熟妇高潮一区二区| 午夜伦伦电影理论片费看| 黄一区二区三区| 久久夜精品香蕉| 日韩欧美亚洲国产| 欧美日韩国产一区二区在线观看| 亚洲v日本v欧美v久久精品| 国产在线精品一区| 一级特黄aaaaaa大片| 欧美特大特白屁股xxxx| 亚洲人成7777| caopor在线视频| 九色自拍视频| 成人一区二区三区视频在线观看 | 欧美极度另类性三渗透| 亚洲熟妇av乱码在线观看| 毛片无码国产| 亚洲第一区在线观看| 黄色三级视频在线| 小小的日本在线观看免费色网| 亚洲91中文字幕无线码三区| 欧美在线一区二区视频| 天天干天天草天天射| 亚洲传媒在线| 亚洲第一区中文字幕| 日本精品在线免费观看| 91九色美女在线视频| 夜夜精品视频一区二区| 色婷婷狠狠18禁久久|