Map |
您所在的位置：网站首页 › 高德地图上显示的价格是什么 › Map |
|
Map 地图。相关api Taro.createMapContext。 支持情况： 参考文档 类型ComponentType示例代码ReactVueclass App extends Component { onTap () {} render () { return ( ) }} export default { data() { return { markers: [{ iconPath: "https://avatars2.githubusercontent.com/u/1782542?s=460&u=d20514a52100ed1f82282bcfca6f49052793c889&v=4", id: 0, latitude: 23.099994, longitude: 113.324520, width: 50, height: 50 }], polyline: [{ points: [{ longitude: 113.3245211, latitude: 23.10229 }, { longitude: 113.324520, latitude: 23.21229 }], color:"#FF0000DD", width: 2, dottedLine: true }] } }, methods: { regionchange(e) { console.log(e.type) }, markertap(e) { console.log("markertap:", e.detail.markerId) } }}MapProps参数类型默认值必填说明longitudenumber是中心经度latitudenumber是中心纬度scalenumber16否缩放级别，取值范围为 3-20minScalenumber3否最小缩放级别 3-20maxScalenumber20否最大缩放级别 3-20markersmarker[]否标记点coversany[]否即将移除，请使用 markers不推荐使用polylinepolyline[]否路线circlescircle[]否圆controlscontrol[]否控件（即将废弃，建议使用 cover-view 代替）不推荐使用includePointspoint[]否缩放视野以包含所有给定的坐标点showLocationbooleanfalse否显示带有方向的当前定位点polygonspolygon[]否多边形subkeystring否个性化地图使用的 keylayerStylenumber1否个性化地图配置的 style，不支持动态修改rotatenumber0否旋转角度，范围 0 ~ 360, 地图正北和设备 y 轴角度的夹角skewnumber0否倾斜角度，范围 0 ~ 40 , 关于 z 轴的倾角showCompassbooleanfalse否显示指南针showScalebooleanfalse否显示比例尺enableOverlookingbooleanfalse否开启俯视enableZoombooleantrue否是否支持缩放enableScrollbooleantrue否是否支持拖动enableRotatebooleanfalse否是否支持旋转enableSatellitebooleanfalse否是否开启卫星图enableTrafficbooleanfalse否是否开启实时路况settingMapProps or { [key: string]: any; }否配置项提供 setting 对象统一设置地图配置。同时对于一些动画属性如 rotate 和 skew，通过 setData 分开设置时无法同时生效，需通过 settting 统一修改。 includePadding{ left: string or number; right: string or number; top: string or number; bottom: string or number; }否视野在地图 padding 范围内展示groundOverlaysgroundOverlays[]否覆盖物，自定义贴图tileOverlaytileOverlay否覆盖物，网格贴图enablePoibooleantrue否是否展示 POI 点enableBuildingbooleantrue否是否展示建筑物polygonpolygon[]否覆盖物，多边形。customMapStylestring否设置地图样式。default：默认样式light：精简样式 panelspanels[]否基于 map 高级定制渲染，设置覆盖在地图上的 view。themestring否否optimizebooleanfalse否保持缩放比例不变enableAutoMaxOverlookingbooleanfalse否开启最大俯视角，俯视角度从 45 度拓展到 75 度enable3Dbooleanfalse否展示3D楼块onTapCommonEventFunction否点击地图时触发onMarkerTapCommonEventFunction否点击标记点时触发，e.detail = {markerId}onLabelTapCommonEventFunction否点击label时触发，e.detail = {markerId}onControlTapCommonEventFunction否点击控件时触发，e.detail = {controlId}onCalloutTapCommonEventFunction否点击标记点对应的气泡时触发，e.detail = {markerId}onUpdatedCommonEventFunction否在地图渲染更新完成时触发onRegionChangeCommonEventFunction否视野发生变化时触发onPoiTapCommonEventFunction否点击地图poi点时触发，e.detail = {name, longitude, latitude}onPolylineTapCommonEventFunction否点击地图路线时触发，e.detail = {longitude, latitude}onAbilitySuccessCommonEventFunction否地图能力生效时触发，e.detail = {ability, errCode, errMsg}onAbilityFailedCommonEventFunction否地图能力失败时触发，e.detail = {ability, errCode, errMsg}onAuthSuccessCommonEventFunction否地图鉴权结果成功时触发，e.detail = {errCode, errMsg}onInterpolatePointCommonEventFunction否MapContext.moveAlong 插值动画时触发。e.detail = {markerId, longitude, latitude, animationStatus: "interpolating" or "complete"}onErrorCommonEventFunction是组件错误时触发，例如创建或鉴权失败，e.detail = {longitude, latitude}onCallOutTapCommonEventFunction否点击标记点对应的气泡时触发e.detail = {markerId}onAnchorPointTapCommonEventFunction否点击定位标时触发，e.detail = {longitude, latitude}onPanelTapCommonEventFunction否点击 panel 时触发。onInitCompleteCommonEventFunction否地图初始化完成即将开始渲染第一帧时触发。API 支持度API微信小程序百度小程序支付宝小程序抖音小程序QQ 小程序京东小程序H5React NativeHarmonyMapProps.longitude✔️✔️✔️✔️✔️✔️MapProps.latitude✔️✔️✔️✔️✔️✔️MapProps.scale✔️✔️(取值范围为4-21)✔️(取值范围为5-18)✔️✔️✔️MapProps.minScale✔️✔️MapProps.maxScale✔️✔️MapProps.markers✔️✔️✔️✔️✔️✔️MapProps.covers✔️MapProps.polyline✔️✔️✔️✔️✔️✔️MapProps.circles✔️✔️✔️✔️✔️✔️MapProps.controls✔️✔️✔️✔️MapProps.includePoints✔️✔️✔️✔️✔️✔️MapProps.showLocation✔️✔️✔️✔️✔️✔️MapProps.polygons✔️✔️✔️✔️MapProps.subkey✔️✔️MapProps.layerStyle✔️✔️MapProps.rotate✔️✔️✔️✔️MapProps.skew✔️✔️✔️✔️MapProps.showCompass✔️✔️✔️✔️✔️MapProps.showScale✔️✔️✔️✔️MapProps.enableOverlooking✔️✔️✔️✔️✔️MapProps.enableZoom✔️✔️✔️✔️✔️MapProps.enableScroll✔️✔️✔️✔️✔️MapProps.enableRotate✔️✔️✔️✔️✔️MapProps.enableSatellite✔️✔️✔️✔️MapProps.enableTraffic✔️✔️✔️✔️MapProps.setting✔️✔️✔️MapProps.includePadding✔️MapProps.groundOverlays✔️MapProps.tileOverlay✔️MapProps.enablePoi✔️✔️✔️MapProps.enableBuilding✔️✔️✔️MapProps.polygon✔️MapProps.customMapStyle✔️MapProps.panels✔️MapProps.theme✔️MapProps.optimize✔️MapProps.enableAutoMaxOverlooking✔️MapProps.enable3D✔️✔️✔️✔️MapProps.onTap✔️✔️✔️✔️✔️✔️MapProps.onMarkerTap✔️✔️✔️✔️✔️✔️MapProps.onLabelTap✔️✔️MapProps.onControlTap✔️✔️✔️✔️MapProps.onCalloutTap✔️MapProps.onUpdated✔️✔️✔️✔️MapProps.onRegionChange✔️✔️✔️✔️✔️✔️MapProps.onPoiTap✔️✔️✔️MapProps.onPolylineTap✔️✔️✔️MapProps.onAbilitySuccess✔️MapProps.onAbilityFailed✔️MapProps.onAuthSuccess✔️MapProps.onInterpolatePoint✔️MapProps.onError✔️MapProps.onCallOutTap✔️✔️✔️✔️MapProps.onAnchorPointTap✔️✔️MapProps.onPanelTap✔️MapProps.onInitComplete✔️marker标记点用于在地图上显示标记的位置 参数类型必填说明备注idnumber否标记点idmarker 点击事件回调会返回此id。建议为每个 marker 设置上 Number 类型 id，保证更新 marker 时有更好的性能。latitudenumber是纬度浮点数，范围 -90 ~ 90longitudenumber是经度浮点数，范围 -180 ~ 180titlestring否标注点名点击时显示，callout 存在时将被忽略zIndexnumber否显示层级iconPathstring是显示的图标项目目录下的图片路径，支持相对路径写法，以'/'开头则表示相对小程序根目录；也支持临时路径和网络图片rotatenumber否旋转角度顺时针旋转的角度，范围 0 ~ 360，默认为 0alphanumber否标注的透明度默认1，无透明，范围 0 ~ 1widthstring or number否标注图标宽度默认为图片实际宽度heightstring or number否标注图标高度默认为图片实际高度calloutcallout否标记点上方的气泡窗口支持的属性见下表，可识别换行符。customCalloutcustomCallout否自定义气泡窗口支持的属性见下表，可识别换行符。labellabel否为标记点旁边增加标签支持的属性见下表anchor{ x: number; y: number; }否经纬度在标注图标的锚点，默认底边中点{x, y}，x表示横向(0-1)，y表示竖向(0-1)。{x: .5, y: 1} 表示底边中点ariaLabelstring否无障碍访问，（属性）元素的额外描述calloutmarker 上的气泡 callout 参数类型说明contentstring文本colorstring文本颜色fontSizenumber文字大小anchorXnumber横向偏移量，向右为正数anchorYnumber纵向偏移量，向下为正数borderRadiusnumber边框圆角borderWidthnumber边框宽度borderColorstring边框颜色bgColorstring背景色paddingnumber文本边缘留白display"BYCLICK" or "ALWAYS"'BYCLICK':点击显示; 'ALWAYS':常显textAlign"left" or "right" or "center"文本对齐方式。有效值: left, right, centercustomCalloutmarker 上的自定义气泡 customCallout customCallout 存在时将忽略 callout 与 title 属性。自定义气泡采用采用 cover-view 定制，灵活度更高。 参数类型说明displaystring'BYCLICK':点击显示; 'ALWAYS':常显anchorXnumber横向偏移量，向右为正数anchorYnumber纵向偏移量，向下为正数labelmarker 上的气泡 label 参数类型说明contentstring文本colorstring文本颜色fontSizenumber文字大小anchorXnumberlabel的坐标，原点是 marker 对应的经纬度anchorYnumberlabel的坐标，原点是 marker 对应的经纬度borderWidthnumber边框宽度borderColorstring边框颜色borderRadiusnumber边框圆角bgColorstring背景色paddingnumber文本边缘留白textAlign"left" or "right" or "center"文本对齐方式。有效值: left, right, centerpolyline指定一系列坐标点，从数组第一项连线至最后一项 参数类型必填说明备注pointspoint[]是经纬度数组[{latitude: 0, longitude: 0}]colorstring否线的颜色十六进制widthnumber否线的宽度dottedLineboolean否是否虚线默认 falsearrowLineboolean否带箭头的线默认 false，开发者工具暂不支持该属性arrowIconPathstring否更换箭头图标在 arrowLine 为 true 时生效borderColorstring否线的边框颜色borderWidthnumber否线的厚度polygon指定一系列坐标点，根据 points 坐标数据生成闭合多边形 参数类型默认值必填说明备注dashArraynumber[][0,0]否边线虚线默认值 [0, 0] 为实线，[10, 10]表示十个像素的实线和十个像素的空白（如此反复）组成的虚线pointspoint[]是经纬度数组[{latitude: 0, longitude: 0}]colorstring否线的颜色，用 8 位十六进制表示，后两位表示 alpha 值，如：#eeeeeeAA。当前 Android 与 iOS 上此属性默认值存在差异（分别为 transparent 与 #ff0000ff ），建议在代码中统一显式设置。strokeWidthnumber否描边的宽度strokeColorstring否描边的颜色十六进制fillColorstring否填充颜色十六进制widthnumber否线的宽度当前 Android 与 iOS 上此属性默认值存在差异（分别为 0 与 5），建议在代码中统一显式设置。zIndexnumber否设置多边形Z轴数值levelstring否压盖关系默认为 abovelabelsdisplayRanges[{ from: number; to: number; }]否标明在特定地图缩放级别下展示。[{ from: 12, to: 17}]API 支持度API微信小程序支付宝小程序H5React NativeHarmonypolygon.dashArray✔️polygon.color✔️polygon.width✔️polygon.level✔️polygon.displayRanges✔️circle在地图上显示圆 参数类型必填说明备注latitudenumber是纬度浮点数，范围 -90 ~ 90longitudenumber否经度浮点数，范围 -180 ~ 180colorstring否描边的颜色十六进制fillColorstring否填充颜色十六进制radiusnumber是半径strokeWidthnumber否描边的宽度control在地图上显示控件，控件不随着地图移动。即将废弃，请使用 cover-view 参数类型必填说明备注idnumber否控件id在控件点击事件回调会返回此idpositionposition是控件在地图的位置控件相对地图位置iconPathstring是显示的图标项目目录下的图片路径，支持本地路径、代码包路径clickableboolean否是否可点击默认不可点击point参数类型说明longitudenumber经度latitudenumber纬度position参数类型默认值说明leftnumber0距离地图的左边界多远topnumber0距离地图的上边界多远widthnumber图片宽度控件宽度heightnumber图片宽度控件高度groundOverlays参数类型说明idstring刷新的时候需要变更id值include-points[{ latitude: number; longitude: number; }, { latitude: number; longitude: number; }]右上 左下imagestringalphanumberzIndexnumbertileOverlay参数类型urlstringtypenumbertileWidthnumbertileHeightnumberzIndexnumberpanels参数类型idnumberlayout{ src: string; }positionpositiononMarkerTapEventDetail参数类型markerIdstring or numberonLabelTapEventDetail参数类型markerIdstring or numberonControlTapEventDetail参数类型controlIdstring or numberonCalloutTapEventDetail参数类型markerIdstring or numberRegionChangeDetailtypeCausedByBegin参数说明gesture手势触发update接口触发CausedByEnd参数说明drag拖动导致scale缩放导致update调用更新接口导致onRegionEventDetail参数类型说明备注typeT视野变化开始、结束时触发视野变化开始为begin，结束为endcausedBykeyof (T extends "begin" ? CausedByBegin : CausedByEnd)导致视野变化的原因有效值为 gesture（手势触发）、update（接口触发或调用更新接口导致）、drag（拖动导致）、scale（缩放导致）detailregionChangeDetail视野改变详情regionChangeDetail参数类型说明rotatenumber旋转角度skewnumber倾斜角度causedBykeyof (T extends "begin" ? CausedByBegin : CausedByEnd)typestring or TscalenumbercenterLocationpointregion{ northeast: point; southeast: point; }onPoiTapEventDetail参数类型namestringlongitudenumberlatitudenumberonPolylineTapEventDetail参数类型polylineIdnumberlongitudenumberlatitudenumberonAbilityEventDetail参数类型abilitystringerrCodenumbererrMsgstringonInterpolatePointEventDetail参数类型markerIdnumberlongitudenumberlatitudenumberanimationStatus"interpolating" or "complete" |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |