谷歌地图网址:可以将查询和地图选项结合起来吗



我想搜索坐标,显示标记,切换到卫星(并可以选择倾斜视图,向北对齐45度(。示例:https://goo.gl/maps/H1SFmN9un582

https://developers.google.com/maps/documentation/urls/guide列出了可用的URL参数,但它们被分为几个部分(搜索、方向、地图、街景(。当我尝试在搜索中使用地图参数时,反之亦然,它们会被忽略。我能做的最好的事情是将地图居中到坐标,但随后引脚丢失:

https://www.google.com/maps/@?api=1&map_action=映射&中心=48.792260,9.232073&缩放=18&basemap=卫星

从下面的脚本中,您可以获得lat和log,然后轻松找到点

<!doctype html>
<html lang="en">
<head>
<title>Using the scripts in web pages</title>
<meta charset="utf-8">
<script defer src="//cdn.rawgit.com/chrisveness/geodesy/v1.1.2/latlon-spherical.js"></script>
<script defer src="//cdn.rawgit.com/chrisveness/geodesy/v1.1.2/dms.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#calc-dist').onclick = function() {
const lat1 = document.querySelector('#lat1').value;
const lon1 = document.querySelector('#lon1').value;
const lat2 = document.querySelector('#lat2').value;
const lon2 = document.querySelector('#lon2').value;
const p1 = new LatLon(Dms.parseDMS(lat1), Dms.parseDMS(lon1));
const p2 = new LatLon(Dms.parseDMS(lat2), Dms.parseDMS(lon2));
const dist = parseFloat(p1.distanceTo(p2).toPrecision(4));
document.querySelector('#result-distance').textContent = dist;
}
});
</script>
</head>
<body>
<form>
Lat 1: <input type="text" name="lat1" id="lat1">
Lon 1: <input type="text" name="lon1" id="lon1">
Lat 2: <input type="text" name="lat2" id="lat2">
Lon 2: <input type="text" name="lon2" id="lon2">
<button type="button" id="calc-dist">Calculate distance</button>
<output id="result-distance"></output> metres
</form>
</body>
</html>

最新更新