高德地图坐标拾取组件

一、准备

 该组件基于高德地图v1.4.15版实现,运行需要采用高德地图v1.4.15版及以上版本。

二、组件功能

(1)输入地点名称提示可选地点全称,选择后得到所选地点坐标。

(2)鼠标在地图上移动可实时展示鼠标所在位置坐标,点击后选中该点。

(3)支持地图缩放。

三、组件实现

// 高德坐标拾取 param point 位置展示 如'114.424314,30.606697' return getPoint 选择位置返回坐标字符串
<template>
  <div class="map-wrapper">
    <div :id="mapId" class="container">
      <div v-show="isShow" class="info">
        <input :id="tipId" type="text" placeholder="位置关键字" />
        <input v-model="point" type="text" />
        <input type="button" value="选择" @click="onPoint" />
      </div
  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值