gardenMap.vue 913 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view>
  3. <web-view src="http://localhost:8081/#/gardenMap?point=113.1093017627431,22.574540836684672&userId=91754"
  4. @message="handleMapEvent"></web-view>
  5. </view>
  6. </template>
  7. <script setup>
  8. import {
  9. onMounted
  10. } from 'vue';
  11. const handleBack = () => {
  12. uni.navigateBack();
  13. };
  14. const handleMapEvent = (e) => {
  15. const data = e.detail.data;
  16. console.log('地图点击坐标:', data);
  17. switch (data.type) {
  18. case 'map-click':
  19. console.log('地图点击坐标:', data.lat, data.lng);
  20. break;
  21. case 'marker-click':
  22. console.log('标记点点击:', data.markerId);
  23. break;
  24. }
  25. }
  26. // 动态注入 JS 监听(兼容性方案)
  27. // onMounted(() => {
  28. // window.addEventListener('message', (e) => {
  29. // alert('eee', e.data)
  30. // if (e.data && e.data.type === 'from-h5') {
  31. // console.log('H5页面消息2222:', e.data.payload);
  32. // }
  33. // });
  34. // });
  35. </script>