最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序 地圖(map)實(shí)例詳解

 更新時(shí)間:2016年11月16日 10:09:57   作者:dzp_coder  
這篇文章主要介紹了微信小程序 地圖(map)實(shí)例詳解的相關(guān)資料,這里對(duì)微信小程序的地圖API 進(jìn)行了詳細(xì)介紹并附示例代碼和實(shí)現(xiàn)效果圖,需要的朋友可以參考下

微信小程序 地圖(map)實(shí)例

          這里是小編對(duì)微信小程序 地圖(map API )做的資料整理,獲取當(dāng)前的地址,應(yīng)該如何實(shí)現(xiàn)的實(shí)例,大家可以看下。

今天做到地圖定位的模塊.模擬器肯定是獲取不到位置的.下面為真機(jī)測(cè)試結(jié)果.

上圖:



經(jīng)緯度不說(shuō)了.定位用的,我這里直接輸入的數(shù)字定位.但是有許多問(wèn)題

下圖中scale是縮放比例,這個(gè)屬性目前無(wú)效.后期微信團(tuán)隊(duì)?wèi)?yīng)該會(huì)修復(fù).畢竟現(xiàn)在剛開始公測(cè).這樣就導(dǎo)致我不管怎么修改scale,我的地圖都是在默認(rèn)的縮放比例.如上圖.


markers中的rotate是圖標(biāo)的旋轉(zhuǎn)角度.如果需要平行于屏幕的圖標(biāo),那就設(shè)置為0吧.

另外,覆蓋物的圖標(biāo)是可以修改的.給iconPath設(shè)置路徑即可.

上一段代碼:

<!--index.wxml--> 
<button class="button" bindtap="getlocation" style="margin-top:30px" markers="{{markers}}">定位</button> 
<map longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" covers="{{covers}}" style="width: 100%; height: 300px;margin-top:30px"></map> 
//index.js 
//獲取應(yīng)用實(shí)例 
var app = getApp() 
Page({ 
 data: { 
  latitude: 0,//緯度 
  longitude: 0,//經(jīng)度 
  speed: 0,//速度 
  accuracy: 16,//位置精準(zhǔn)度 
  markers: [], 
  covers: [], 
 }, 
 onLoad: function () { 
 }, 
 getlocation: function () { 
  var markers = [{ 
   latitude: 31.23, 
   longitude: 121.47, 
   name: '浦東新區(qū)', 
   desc: '我的位置' 
  }] 
  var covers = [{ 
   latitude: 31.23, 
   longitude: 121.47, 
   iconPath: '../images/car.png', 
   rotate: 0 
  }] 
  this.setData({ 
   longitude: 121.47, 
   latitude: 31.23, 
   markers: markers, 
   covers: covers, 
  }) 
 } 
}) 

2.wx.getLocation(OBJECT) 獲取當(dāng)前位置API


紅色框標(biāo)出的就是經(jīng)緯度,速度,精確度

用gch02返回的坐標(biāo)可以直接打開地圖.

具體api見文檔


3.wx.openLocation(OBJECT) 查看位置

最簡(jiǎn)單粗暴的就是直接給經(jīng)緯度定位.

代碼:

/index.js 
//獲取應(yīng)用實(shí)例 
var app = getApp() 
Page({ 
 data: { 
  latitude: 0,//緯度 
  longitude: 0,//經(jīng)度 
  speed: 0,//速度 
  accuracy: 16,//位置精準(zhǔn)度 
  markers: [], 
  covers: [], 
 }, 
 onLoad: function () { 
 }, 
 getlocation: function () { 
  wx.getLocation({ 
   type: 'gcj02', 
   success: function (res) { 
    var latitude = res.latitude 
    var longitude = res.longitude 
    var speed = res.speed 
    var accuracy = res.accuracy 
    console.log("latitude:" + latitude) 
    console.log("longitude:" + longitude) 
    console.log("speed:" + speed) 
    console.log("accuracy:" + accuracy) 
    wx.openLocation({ 
     latitude: latitude, 
     longitude: longitude, 
     scale: 28 
    }) 
   } 
  }) 
 } 
}) 

真機(jī)測(cè)試 效果圖:



感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

相關(guān)文章

  • arcgis?js完整懸停效果實(shí)現(xiàn)demo

    arcgis?js完整懸停效果實(shí)現(xiàn)demo

    這篇文章主要為大家介紹了arcgis?js完整懸停效果實(shí)現(xiàn)demo詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-02-02
  • 如何編寫高質(zhì)量 JavaScript 代碼

    如何編寫高質(zhì)量 JavaScript 代碼

    如果要編寫出高質(zhì)量的 JavaScript 代碼,可以從以下三個(gè)方面去考慮。分別是:易閱讀的代碼、高性能的代碼、健壯性的代碼。下面我將分別對(duì)這三個(gè)方面進(jìn)行闡述。需要的朋友可以參考一下
    2021-09-09
  • 最新評(píng)論

    绥宁县| 定边县| 尚志市| 古田县| 天全县| 介休市| 文山县| 正定县| 耒阳市| 元阳县| 南木林县| 清河县| 蒙自县| 新竹市| 泗水县| 公安县| 苍山县| 铜陵市| 延津县| 博客| 兴业县| 鄢陵县| 阳朔县| 聂荣县| 上饶县| 满洲里市| 义乌市| 福清市| 红河县| 和静县| 绥江县| 南阳市| 凤冈县| 隆回县| 香港 | 澎湖县| 军事| 泸溪县| 盈江县| 金华市| 汤原县|