VUE 跳转百度地图， 腾讯坐标拾取经纬度

获取坐标跳转

<el-form-item label="经纬度" prop="hpScContactInfo.longitudeLatitude">
        <el-input v-model="dataForm.hpScContactInfo.longitudeLatitude" placeholder="经纬度"></el-input><br />
        <label style="color: darkgray">腾讯坐标拾取器 - <a href="https://lbs.qq.com/tool/getpoint/" target="_blank">前往</a> (第一个数为纬度，第二个数为经度)</label>
      </el-form-item>

 

 

 

跳转百度地图

<el-table-column
        header-align="center"
        align="center"
        width="120"
        label="详细地址">
        <template slot-scope="scope" >
          <div v-if="scope.row.longitudeLatitude !== undefined && scope.row.longitudeLatitude !== null && scope.row.longitudeLatitude !== ''">
            <a :href="'http://api.map.baidu.com/marker?location='+ scope.row.longitudeLatitude +'&title=我的位置&content=' + scope.row.address + '&output=html'" target="_blank">{{scope.row.address}}</a>
          </div>
          <div v-else>
            {{scope.row.address}}
          </div>
        </template>
      </el-table-column>