修改设备点击经纬度

guoshipeng

2023-07-06 6b2741434cb2be708a869505440f9f4efc8e6fd1

 src/components/map/pickCoordinate1.vue

@@ -1,37 +1,56 @@
<template>

  <a-modal

      title="坐标选择"

      destroyOnClose

      :visible="true"

      @ok="addLonAndLat"

      @cancel="handleMapCancel"

      okText="确定"

      class="modalStyle"

    title="坐标选择"

    destroyOnClose

    :visible="true"

    @ok="addLonAndLat"

    @cancel="handleMapCancel"

    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"/>

    </p>

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

    <baidu-map

      <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"

        />

      </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%;">

      <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-marker>

      </bm-control>

    </baidu-map>

  </div>

        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-marker>

        </bm-control>

      </baidu-map>

    </div>

  </a-modal>



</template>



<script lang="tsx">

@@ -142,16 +161,16 @@
</script>



<style  lang="less">



.modalStyle{

  .ant-modal{

.modalStyle {

  .ant-modal {

    margin-left: 25%;

  }

  .ant-modal-content{

      width: 800px;

  .ant-modal-content {

    width: 800px;

  }

}

.BMap_cpyCtrl,.anchorBL {

.BMap_cpyCtrl,

.anchorBL {

  display: none;

}

</style>