uniapp,微信小程序,在map组件外与中的代码区别

需求:整屏地图,需要在地图上方编写筛选条件,地图中标注经纬度定位与自定义样式
次情形仅用于微信小程序,其他的没去验证过
1,在地图上方编写赛选条件,及其他,不需要根据地图经纬度进行定位,数据获取之类操作,可与map写在同一层,并使用view标记正常z-index就可实现,因为微信小程序目前原生组件均已实现同层渲染

		<map :longitude="longitude" :latitude="latitude" class="c-map">
		</map>
		<view class="c-input">自定义层级</view>
.c-map{
	  position: relative;
	  z-index: 1;
	  width: 100%; 
	  height:100vh;
  }
 .c-input{
 	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 3;
	  width: 100%;
 }

2.在地图中,依靠坐标定位显示:地图气泡自定义,依然需要使用cover-view,marker-id一定得指定,靠其定位

		<map :longitude="longitude" :latitude="latitude" 
		:scale="scale" :markers="markers" 
		class="mapLookForRoom-map"
		@callouttap="markerClick">
			<!-- 自定义窗口 -->
			<cover-view slot="callout">
				<cover-view v-for="(item,index) in markers" :marker-id="item.id" :key='index'>
				</cover-view>
			</cover-view>	
		</map>

最近更新

  1. TCP协议是安全的吗?

    2024-06-11 19:28:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-11 19:28:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-11 19:28:05       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-11 19:28:05       20 阅读

热门阅读

  1. 指针数组和数组指针作为函数参数使用

    2024-06-11 19:28:05       6 阅读
  2. 智能合约中存储和计算效率漏洞

    2024-06-11 19:28:05       6 阅读
  3. Shell脚本要点和难点以及具体应用和优缺点介绍

    2024-06-11 19:28:05       11 阅读
  4. Pytorch容器

    2024-06-11 19:28:05       8 阅读
  5. Unity 数据存储

    2024-06-11 19:28:05       8 阅读
  6. Data Management Controls

    2024-06-11 19:28:05       9 阅读
  7. 【AI应用探讨】— Gemini模型应用场景

    2024-06-11 19:28:05       6 阅读
  8. 设计模式---工厂模式

    2024-06-11 19:28:05       9 阅读