高德地图-鼠标获取坐标

1、问题背景

鼠标点击地图，获取点击处的经纬度，并将经度和纬度放到输入框中

2、实现源码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>高德地图-鼠标获取坐标</title><link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/><script type="text/javascript" src="../js/jquery-1.12.3.js" ></script><script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=密钥&plugin=AMap.Autocomplete"></script><script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script><style>body,html,#initMap{width: 100%;height: 100%;font-size: 12px;font-family: "微软雅黑";}</style></head><body><div id="initMap"></div><div id="myPageTop"><table><tr><td><label>经度：</label></td><td><label>纬度：</label></td></tr><tr><td><input type="text" id="lat" /></td><td><input type="text" id="lon" /></td></tr></table></div><script>var map = new AMap.Map("initMap",{resizeEnable: true});map.on('click', function(e) {//经度document.getElementById("lat").value = e.lnglat.getLng();//纬度document.getElementById("lon").value = e.lnglat.getLat();});</script></body>
</html>

3、实现结果

高德地图-鼠标获取坐标相关推荐

在高德地图中获取鼠标点击的经纬度
本文目录一.注册高德开放平台 (一)创建应用 (二)添加 Key 二.代码实现 1. 引入必要的 CSS 文件与 JS 文件 2. 放置地图容器 3. 核心 JavaScript 代码三.效果图 ...
调用腾讯地图API、高德地图API 获取当前地理位置、经纬度
调用腾讯地图API.高德地图API 获取当前地理位置.经纬度 web开发中,很多情况下都会需要获取当前位置的经纬度,在网上找了几个不同的地图,最终找到兼容比较好的腾讯地图API 1.调用腾讯地图API ...
提取某一个镇的行政边界_高德地图api获取行政边界矢量方法
高德地图api获取行政边界矢量方法发布时间:2018-09-07 17:51, 浏览次数:2170 , 标签: api 1.获取高德地图web服务key 2.行政区域查询API服务地址: https ...
解决高德地图锁屏黑屏定位不更新，高德地图绘制定位轨迹，高德定位判断定位停留点，高德地图将所有坐标绘制在可视区域内
本文章主要介绍高德定位锁屏黑屏定位不更新的问题. 实现流程是:程序开始阶段正常执行定位,注册监听锁屏监听,唤醒cpu监听,当锁屏广播每2秒发起一起单次定位唤醒.源码如下: package net. ...
高德地图地位获取地址
高德地图地位获取地址高德地图开发平台地址:https://lbs.amap.com/ 1导入依赖库 implementation 'com.amap.api:location:4.4.0' 2权限 ...
java获取经纬度_java调用高德地图api获取某个位置的经纬度
java调用高德地图api获取经纬度的方法,废话少说,直接上代码: import com.fasterxml.jackson.databind.JsonNode; import com.ning.ht ...
天地图＜——＞高德地图互转坐标工具类
1.首先弄明白几种在线地图的坐标系: (1)天地图:CGCS2000,2000国家大地坐标系:我们其实很多时候直接用WGS84的坐标来代替CGCS2000坐标.因为CGCS2000的定义与WGS84实 ...
android 高德地图定位获取经纬度
android 高德地图定位获取经纬度之前开发定位都是集成百度的,领导说要用高德的,没办法干吧,官方的文档太详细了看着真累. 我们得先去官网注册开发者账号,创建应用,填写自己项目的包名和SHA1, ...
高德地图鼠标划线显示距离并生成坐标点数据
直接上代码,只需替换代码中你的高德key就可以看效果: <!doctype html> <html lang="en"><head><me ...

高德地图-鼠标获取坐标

高德地图-鼠标获取坐标相关推荐

最新文章

热门文章