纬度、经度采集器

发布于 2024-10-30 08:17:15 字数 108 浏览 1 评论 0原文

我想做的是创建应用程序,当任何人单击地图对象时,每次单击时两个字段都会填充纬度和经度。是否有 Google Maps V3 JavaScript API(地理编码 API)的示例代码可以执行类似的操作?

What I would like to do is create app where when anyone clicks on the map object and two fields get filled with latitude and longitude at every click. Is there sample code of Google Maps V3 JavaScript API (Geocoding API) somewhere out there that does something like that?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

自由范儿 2024-11-06 08:17:15

您可以通过 google.maps.event' 实现此目的LatLng 属性:

类似这样的东西会显示它是如何工作的。这是一个 JSFiddle 演示:

google.maps.event.addListener(map, 'click', function(event){
       alert('Lat: ' + event.latLng.lat() + ' Lng: ' + event.latLng.lng());
});

其中 map 是您的 google 地图对象。是的,我认为这个例子是在 V2 中,如果你想在点击时创建一个标记,你可以简单地在点击回调函数中创建它。

You can achieve this with google.maps.event' LatLng property:

Something like this would show how it works. Here is a JSFiddle Demo:

google.maps.event.addListener(map, 'click', function(event){
       alert('Lat: ' + event.latLng.lat() + ' Lng: ' + event.latLng.lng());
});

Where map is your google map object. Yes the example is in V2 i think, and if you would like to create a marker on click you can simply create it within the click callback function.

萌酱 2024-11-06 08:17:15

这是版本 2 的完整代码,我已经使用了很长时间,并且已在网站上发布。

http:// /vikku.info/programming/google-maps-v2/get-lattitude-longitude-onmouseover-and-onmouseclick-google-map-v2.htm

只需从浏览器中单击“查看源代码”并复制保存内容即可。它会完美地工作。唯一的问题是你需要更改地图 api 密钥。

这是谷歌地图版本3的代码

http://vikku.info/programming/google-maps-v3/get-lattitude-longitude-onclick-and-onmouseover-google-map-v3.htm

Here is a complete code for version 2 which i had been using for a long time and i have published in the site.

http://vikku.info/programming/google-maps-v2/get-lattitude-longitude-onmouseover-and-onmouseclick-google-map-v2.htm

just click view source code from your browser and copy save the contents. it will work perfectly. only thing is you need to change the map api key.

Here is the code for google map version 3

http://vikku.info/programming/google-maps-v3/get-lattitude-longitude-onclick-and-onmouseover-google-map-v3.htm

━╋う一瞬間旳綻放 2024-11-06 08:17:15
function onload()
{
 var map= new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true
});
google.maps.event.addListener(map, 'click', function(event){
       alert('Lat: ' + event.latLng.lat() + ' and Longitude is: ' + event.latLng.lng());

}

加载代码后,您可以编写此代码来获取固定点的纬度和经度。
请尝试

function onload()
{
 var map= new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true
});
google.maps.event.addListener(map, 'click', function(event){
       alert('Lat: ' + event.latLng.lat() + ' and Longitude is: ' + event.latLng.lng());

}

After loading code you can write this code to get latitude and longitude of fix points.
please try

水中月 2024-11-06 08:17:15
var map = [google map];

google.maps.event.addListener(map, 'click', function (mouseEvent) {
    alert(mouseEvent.latLng.toUrlValue());
});
var map = [google map];

google.maps.event.addListener(map, 'click', function (mouseEvent) {
    alert(mouseEvent.latLng.toUrlValue());
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文