修改设备点击经纬度

guoshipeng

2023-07-06 6b2741434cb2be708a869505440f9f4efc8e6fd1

 src/components/map/pickCoordinate1.vue

@@ -8,30 +8,49 @@
      okText="确定"

      class="modalStyle"

  >



    <div>

    <p>

      <span>地址：</span><a-input v-model="keyword" style="display: inline; width: 160px;height: 26px"/>

      <span style="margin-left: 25px">经度：</span><a-input   v-model="clickPoint.lng" style="display: inline; width: 160px;height: 26px"/>

      <span style="margin-left: 25px">纬度：</span><a-input   v-model="clickPoint.lat" style="display: inline; width: 160px;height: 26px"/>

        <span>地址：</span

        ><a-input

          v-model="keyword"

          style="display: inline; width: 160px; height: 26px"

        />

        <span style="margin-left: 25px">经度：</span

        ><a-input

          v-model="clickPoint.lng"

          style="display: inline; width: 160px; height: 26px"

        />

        <span style="margin-left: 25px">纬度：</span

        ><a-input

          v-model="clickPoint.lat"

          style="display: inline; width: 160px; height: 26px"

        />

    </p>

<!--      :scroll-wheel-zoom="true"-->

    <baidu-map

        :center="center"

        :zoom="zoom"

        @ready="handler"

        @click="mapClFick"

        @click="mapClick"

        :scroll-wheel-zoom="true"

        style="height: 400px;width: 100%;">

        style="height: 400px; width: 100%"

      >

      <bm-control>

      <bm-local-search :keyword="keyword" :auto-viewport="true"  style="display: none" ></bm-local-search>

        <bm-marker :position="{ lng:clickPoint.lng , lat: clickPoint.lat}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">

          <bm-local-search

            :keyword="keyword"

            :auto-viewport="true"

            style="display: none"

          ></bm-local-search>

          <bm-marker

            :position="{ lng: clickPoint.lng, lat: clickPoint.lat }"

            :dragging="true"

            animation="BMAP_ANIMATION_BOUNCE"

          >

        </bm-marker>

      </bm-control>

    </baidu-map>

  </div>

  </a-modal>



</template>



<script lang="tsx">

@@ -142,7 +161,6 @@
</script>



<style  lang="less">



.modalStyle{

  .ant-modal{

    margin-left: 25%;

@@ -151,7 +169,8 @@
      width: 800px;

  }

}

.BMap_cpyCtrl,.anchorBL {

.BMap_cpyCtrl,

.anchorBL {

  display: none;

}

</style>