收藏
回答

如何解决view点击事件穿透地图map?

小程序地图上写上view标签后 点击view 会透传到map上 cover-view不会有这个问题 如果用view标签写 如何解决这个问题呢

回答关注问题邀请回答
收藏

4 个回答

  • 猛男陈阔
    猛男陈阔
    2020-09-10

    catchTap不行吗?

    2020-09-10
    有用 1
    回复
  • 贾鹏飞
    贾鹏飞
    01-13

    我的解决办法,在Map有操作的时候,再把 enableScroll 打开....

    const onMapTouchMove = () => {
        !enableScroll && setEnableScroll(true)
      }
      const onMapTouchStart = () => {
        !enableScroll && setEnableScroll(true)
      }
      const onMapTouchEnd = () => {
        if (timeoutRef.current) {
          clearTimeout(timeoutRef.current);
        }
        timeoutRef.current = setTimeout(() => {
          enableScroll && setEnableScroll(false);
          timeoutRef.current = null;
        }, 1000);
      }
    <Map
      enableScroll={enableScroll}
      // enableZoom={false}
      className="main-map"
      showLocation
      latitude={userCurrentLocation.latitude}
      longitude={userCurrentLocation.longitude}
      // markers={markers}
      onClick={onMapClick}
      onTap={onMapTap}
      onTouchMove={onMapTouchMove}
      onTouchStart={onMapTouchStart}
      onTouchEnd={onMapTouchEnd}
      onError={onMapError}
    />
    


    01-13
    有用
    回复
  • Joke#
    Joke#
    2022-10-18

    我写的文章,看看能不能解决你们的问题

    https://blog.csdn.net/weixin_55109830/article/details/127387467


    2022-10-18
    有用
    回复
  • 微喵网络
    微喵网络
    2020-09-10

    用cover-view

    2020-09-10
    有用
    回复 4
    • huafeng
      huafeng
      2020-09-10
      就是不想用cover-view 了
      2020-09-10
      回复
    • 微喵网络
      微喵网络
      2020-09-10回复huafeng
      cover-view就是为了解决这个问题的
      2020-09-10
      回复
    • 诚
      2021-01-13回复微喵网络
      cover-view 问题太多,很多 css 都用不了
      2021-01-13
      回复
    • 微喵网络
      微喵网络
      2021-01-14回复
      让产品做取舍吧
      2021-01-14
      回复
登录 后发表内容
问题标签