openstreetmap - 打开街道地图点击添加坐标到文本框

问题描述

我创建了一个使用 Open Street Map 的网站。我希望用户能够单击地图上的任何位置，然后我希望将该位置的坐标传输到文本框。然后我希望发送表单，以便我可以在 PHP 脚本中处理数据（我不需要 PHP 帮助，只需要从 Open Street Map 获取坐标）。

我可以使用 Javascript / jQuery。

HTML 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Open Street Map On click add coordinates to textbox</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0;"/>
</head>
<body>

<form method="post" action="process.php" enctype="multipart/form-data">

    <iframe width="425" height="350" style="width: 99%;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=9.905548095703127%2C59.74670990357903%2C11.190948486328127%2C60.19752087731289&amp;layer=mapnik" style="border: 1px solid black"></iframe>
            

    <p><b>Coordinates:</b><br />
    <input type="text" name="inp_coordinates" value="" size="25" style="width: 99%;" />
    </p>

    <p><input type="submit" value="Send" /></p>
</form>


</body>
</html>

创建此表单：

标签： openstreetmap

openstreetmap - 打开街道地图点击添加坐标到文本框

问题描述

解决方案

推荐阅读