原副标题：廉租房小流程采用uniapp展现世界地图map
开放源码二进制的廉租房小流程两个有关物业管理类的APP，用的uni-app同时实现 ，此种app免不了的是前女友，边线重要信息。他们的标识符开放源码完全免费，热烈欢迎沟通交流采用。
map世界地图模块采用时间接在template中采用<map></map>条码，条码中可冗余map特性
map最常见到的特性：
longitude 服务中心子午线
latitude 服务中心经度
scale 翻转等级（值域覆盖范围为5-18,预设的是16 ，值数越大，弱化某种程度越大，看的波来）
markers 记号点 （类别为Array字符串，在世界地图上记号出的点）
polyline（类别为Array字符串，没缺省，则表示走线，字符串上的大部份点XC610PA）
circles（类别Array字符串，则表示圆）
controls（类别Array字符串，则表示命令行）
include-points（类别Array字符串，则表示翻转视线已包涵大部份取值的座标点）
show-compass（类别为Boolean，缺省为false，则表示为与否表明罗盘）
enable-overlooking（类别为Boolean，缺省为false，则表示为与否迈入鸟瞰）
enable-satellite（类别为Boolean，缺省为false，则表示为与否迈入人造卫星图）
enable-traffic（类别为Boolean，缺省为false，则表示为与否迈入实时路况）
show-location（类别为Boolean，则表示表明带有方向的当前定位点）
polygons（类别Array，则表示为多边形）
markers的特性有（则表示记号点用于在世界地图上表明记号的边线）
id：记号点id(marker点击事件回调会返回此id)
latitude：经度（覆盖范围 -90 ~ 90 ）
longitude：子午线（覆盖范围 -180 ~ 180 ）
title：标注点名
iconPath：表明的图标
rotate：旋转角度（顺时针旋转的角度，覆盖范围 0 ~ 360，预设为 0 ）
alpha：标注的透明度（ 预设1，无透明，覆盖范围 0 ~ 1）
width：标注图标宽度（预设为图片实际宽度 ）
height：标注图标高度（预设为图片实际高度 ）
callout：自定义记号点上方的气泡窗口
label：为记号点旁边增加条码
anchor：经经度在标注图标的锚点
callout的特性有
content：文本
color：文本颜色
fontSize：文字大小
borderRadius：callout边框圆角
bgColor：背景色
padding：文本边缘留白
display：BYCLICK:点击表明;ALWAYS:常显
textAlign：文本对齐方式
label的特性有
content：文本
color：文本颜色
fontSize：文字大小
x：label的座标，原点是 marker 对应的经经度
y：label的座标，原点是 marker 对应的经经度
borderWidth：边框宽度
borderColor：边框颜色
borderRadius：callout边框圆角
bgColor：背景色
padding：文本边缘留白
textAlign：文本对齐方式
polyline的特性有（则表示指定一系列座标点，从字符串第一项连线至最后一项）
points，经经度字符串，类别为Array，必填，如：[{latitude: 0, longitude: 0}]
color，线的颜色，类别为String，不必填，如：#0000AA
width，线的宽度，类别为Number，不必填
dottedLine，与否虚线，类别为Boolean，不必填，缺省false
arrowLine，带箭头的线，类别为Boolean，不必填，缺省为false
arrowIconPath，更换箭头图标，类别为String，不必填，在arrowLine为true时，预设带箭头的线时生效
borderColor，线的边框颜色，类别为String，不必填
borderWidth，线的厚度，类别为Number，不必填
circles 的特性有（在世界地图上表明圆）
latitude，经度，Number，必填，浮点数，范围 -90 ~ 90
longitude，子午线，Number，必填，浮点数，覆盖范围-180 ~ 180
color，描边的颜色，String，不必填，如：#0000AA
fillColor，填充颜色，String，不必填，如：#0000AA
radius，半径，Number，必填
strokeWidth，描边的宽度，Number，不必填
controls 命令行 (在世界地图上表明两个命令行，但是这个命令行并不随着世界地图移动)
id：命令行id(在命令行点击事件回调会返回此id)
position：命令行在世界地图的边线(命令行相对世界地图边线)
iconPath：表明的图标(项目目录下的图片路径)
clickable：与否可点击(预设不可点击)
附上标识符
<template> <view> <view> <map :latitude=”latitude” :longitude=”longitude” :markers=”covers” @click=”clickMap”> </map> </view> </view> </template> <script> export default { data() { return { title: map, name: 杭州市, address: 杭州市拱墅区万达广场, latitude: 30.31968, longitude: 120.14209, covers: [{ latitude: 30.31968, longitude: 120.14209, iconPath: ../../../static/location.png, }] } }, methods:{ clickMap(e){ console.log(e); uni.openLocation({ longitude: Number(this.longitude), latitude: Number(this.latitude), name: this.name, address: this.address }) }, } } </script> <style> map { width: 100%; height: 450rpx; } </style> 如若转载，请注明出处：开放源码二进制 https://sourcebyte.cn/article/247.html
