快應用 元件(map)

2022-08-16 10:45:14 字數 989 閱讀 6962

map元件

1)關於map元件的相關屬性

latitude="}"  longitude="}"  //調整地圖元件的中心位置

scale="}" coordtype="}">   //縮放級別

2)地圖元件支援的四種覆蓋物,包括:marker,groundoverlay,polyline 和circle.

markers :[

latitude:'',longitude:'',coordtype:'wgs84', iconpath:'',width:''   

groundoverlays: [

northeast:'', southwest:'',iconpath:'',opacity:0.4

polylines:,

circles: [

latitude: point1.latitude,longitude:point2.longitude,coordtype:'wgs84',radius: 50

3) 展示maker的callout氣泡

maker可以通過點選或常顯的方式顯示乙個文字為用來描述和對應的maker相關的資訊;

makers:[

width: '100%',

height: '50%',

latitude: bei.latitude,

longitude: bei.longitude,

coordtype:bei.coordtype,

iconpath: '',

width: '100px',

callout:;

const point2 = ;

export default }

tap(){

this.$element('map').translatemarker({

markerid: 1,

destination: point2,

autorotate:true,

duration: 5000

快應用 元件

自定義元件 為了更好的組織邏輯與 可以把頁面按照功能拆成多個模組,每個模組負責其中乙個功能部分,最後頁面將這些模組引入管理起來,傳遞業務與配置資料完成 分離 注意 自定義元件中資料模型只能使用data屬性,data型別可以是object 或 function 如果是函式,返回結果必須是物件 元件的引...

快應用 元件(list)

一 list教程 1 簡單場景 在頁面中實現 長列表 或者 螢幕滾動 等效果時,可以使用list。平常會使用div,但是當dom結構複雜時,滾動頁面會出現卡頓現象,因為native無法復用div元件實現的列表元素 而list由於會復用相同的type屬性的list item,使得更加流暢。使用list...

卡片 元件 快應用元件庫H UI

h ui是一套為快應用開發者量身打製的ui元件庫,以傳統html5標籤為基礎,遵循主流前端框架樣式命名習慣,對快應用原生元件二次封裝而成,以實現快應用 全元件式開發 為目標,讓快應用開發就像搭積木!h ui是一套為快應用開發者量身打製的ui元件庫,以傳統html5標籤為基礎,遵循主流前端框架樣式命名...