同时使用地理定位和地理编码 - Javascript

     2023-02-23     160

关键词:

【中文标题】同时使用地理定位和地理编码 - Javascript【英文标题】:Use Geolocation and Geocoding at the same time - Javascript 【发布时间】:2013-11-13 15:07:14 【问题描述】:

我尝试在主页上使用GeolocationGeocoding。因此,当页面加载时,用户的位置应该显示在地图上。所以我找到了这段代码来获取用户的当前位置:

<script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map = null;
            function showlocation() 
               // One-shot position request.
                navigator.geolocation.getCurrentPosition(callback);
            

      function callback(position) 

        var lat = position.coords.latitude;
        var lon = position.coords.longitude;

             document.getElementById('latitude').innerHTML = lat;
         document.getElementById('longitude').innerHTML = lon;

        var latLong = new google.maps.LatLng(lat, lon);

                var marker = new google.maps.Marker(
                    position: latLong
                );      

                marker.setMap(map);
        map.setZoom(8);
        map.setCenter(marker.getPosition());
      

      google.maps.event.addDomListener(window, 'load', initMap);
      function initMap() 
        var mapOptions = 
          center: new google.maps.LatLng(0, 0),
          zoom: 1,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        ;
        map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

      
</script>

<div id="map-canvas"></div>

这很好用。但我现在想添加一个用户可以更改地址的文本框(例如,如果它不正确或发生错误)。我找到了Geocoding,并找到了这篇文章: https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple

现在Geolocation 不再起作用了。所以我搜索了一个与他们一起工作的解决方案。这是我现在的问题:

如何同时使用GeolocationGeocode

希望有人可以帮助我

【问题讨论】:

请问你有什么问题,要不要显示地址... 哦,对不起。我想在地图中显示位置。所以Geolocation 应该获取当前位置并将其显示在地图上,如果错误或发生错误,用户可以在文本框中手动输入地址。 但是我们可以得到用户的当前位置,但是我不知道如何编辑地址.. 但我认为通过在信息窗口中使用 setContent() 我们可以设置我认为 setContent() 是什么意思?我是 JavaScript 新手,对 Geolocation 很陌生@ 【参考方案1】:
google.maps.event.addListener(marker, 'click', (function(marker, i) 
                    return function() 
                        var name = markers[i].getAttribute("name");
                        var address = markers[i].getAttribute("address");
                        var html = "<b>" + name + "</b> <br/>" + address;
                        infowindow.setContent(html);
                        infowindow.open(map, marker, html);
                        // infowindow.setContent(html);
                        // infowindow.open(map, marker);
                    
                )(marker, i));

【讨论】:

现在,地理位置不再起作用了。但是感谢您的帮助:) 我找到了这篇文章,其中解释了整个代码,现在我对代码的理解好多了:) torbenleuschner.de/blog/628/…

ios定位的使用:地理/逆地理编码/判断目标经纬度是否在大陆

文章目录前言I、地理编码:geocode1.1地理编码API服务地址1.2适用场景1.3结构化地址信息`address`请求参数的要求1.4接口返回的格式1.5通过逆地理编码进行判断是否在大陆II、定位2.1获取定位信息2.2权限的判断:判断用户是否授权应... 查看详情

如何使用谷歌地理定位 API?

】如何使用谷歌地理定位API?【英文标题】:HowtoworkwithGooglegeolocationAPI?【发布时间】:2017-04-1309:19:07【问题描述】:我正在开展一个网络开发项目,我需要在该项目中获取用户的确切位置信息(例如地区、城市、州和国家/地区... 查看详情

Google 地理编码 API 安全性

...,但我对所有这些方法都有疑问,让我解释一下情况。我使用地理定位和地理编码API的组合来了解大致的状态位置,然后显示相关内容。地理定位API显然需要从浏览器中调用,以获取用户的适当地理定位。Google为此API提供了基于... 查看详情

谷歌地图 api 地理定位和地点搜索

...包含谷歌地图,因为我正在使用谷歌地图API。我在地图上同时包含地点搜索和地理定位(我有一个用于地理定位的按钮),但我注意到一旦按下地理定位按钮,地点搜索就不起作用,地点搜索不起作用。有什么想法吗?这是我的... 查看详情

快速前进地理定位和访问地标经度和经度

...andlongitude【发布时间】:2015-11-1221:29:16【问题描述】:我使用前向地理编码来获取我的活动的二维坐标。现在我试图获取事件地址的经度和纬度。我设法创建了一个包含坐标的地标,但我不知道如何将其从坐标更改为经度或纬度... 查看详情

(七十七)地理编码与反地理编码

...的是通过经纬度、海拔等信息获取地理位置信息。在iOS上使用地理编码和反地理编码,假设是手动输入经纬度,是不须要获取用户授权的,可是通常是获取用户的经纬度,然后再通过地理编码实现精确定位,因此须要授权。本文... 查看详情

是否可以使用 iOS 和 Android 原生地理定位服务等地理定位服务

】是否可以使用iOS和Android原生地理定位服务等地理定位服务【英文标题】:IsitpossibleusingGeolocationlikeiOSandAndroidnativegeolocationservices【发布时间】:2016-03-2220:42:35【问题描述】:已编辑:我一直在尝试在我的应用中使用React-NativeGeol... 查看详情

使用 bing map api 获取地址(邮政编码)自动地理定位?

】使用bingmapapi获取地址(邮政编码)自动地理定位?【英文标题】:getaddress(zipcode)autogeolacateusingbingmapapi?【发布时间】:2017-01-2622:58:43【问题描述】:如何在下面找到此代码但无法正常工作$.ajax(url:\'http://dev.virtualearth.net/REST/v1/L... 查看详情

来自邮政编码的 Java Swing GoogleMaps 地理定位

...8:37【问题描述】:我从SwingLabs找到了JXMapKit,并认为我会使用它。我现在的问题是我有数据通过邮政编码引用该点(我不需要更准确)。我知道使用Google的JavaScriptAPI可以从地址中找出地理位置...我现在的问题 查看详情

“在我附近找到”的 Rails 地理编码/地理定位选项

】“在我附近找到”的Rails地理编码/地理定位选项【英文标题】:Railsgeocoding/geolocationoptionsfor\'findnearme\'【发布时间】:2013-01-1917:41:37【问题描述】:我正在创建一个应用程序,宠物救援中心可以在其中添加需要家的宠物,但我... 查看详情

使用定位,逆地理编码,经纬度《=转=》地址信息逆地理编码,地址《=转=》经纬度,贼方便!!!!

//逆地理编码,经纬度=》地址信息varlnglat=[lng,lat]AMap.plugin(‘AMap.Geocoder‘,function()vargeocoder=newAMap.Geocoder(city:‘010‘,//城市设为北京,默认:“全国”radius:1000,//范围,默认:500extensions:‘all‘,);geocoder.getAddress(lnglat,function(status,resul... 查看详情

使用谷歌地图地理定位 api 进行准确的地理定位

】使用谷歌地图地理定位api进行准确的地理定位【英文标题】:Accuracygeolocationwithgooglemapsgeolocationapi【发布时间】:2020-09-1608:59:03【问题描述】:我正在使用谷歌地图地理定位API来检索用户位置,我需要在我的网络应用程序、PC... 查看详情

Max Mind 地理定位异常

...ies【发布时间】:2017-09-2121:43:10【问题描述】:我有一个使用MaxMind本地数据库根据IP地址对用户进行地理定位的站点。我发现桌面上的结果与手机上的结果不同。例如:我正在使用X-Forwarded-For标头进行地理定位我的手机在邮政编... 查看详情

图片的地理定位网站[关闭]

...站,人们可以在其中上传图片、评论图片,最重要的是,使用谷歌地图视图记录图片中内容的实际位置。进入后,界面会显示谷歌地图并询问邮政编码、国家和搜索半 查看详情

地理定位后使用javascript生成随机纬度和经度

】地理定位后使用javascript生成随机纬度和经度【英文标题】:Generaterandomlatitudeandlongitudewithjavascriptaftergeolocation【发布时间】:2020-09-1718:49:54【问题描述】:javascript是否可以根据用户当前位置生成随机纬度和经度?我想在用户被... 查看详情

由于 Internet Explorer,使用 bing 和 google 进行地理定位

】由于InternetExplorer,使用bing和google进行地理定位【英文标题】:geolocationwithbothbingandgooglebecauseofInternetExplorer【发布时间】:2012-09-1622:08:11【问题描述】:您好,我目前正在使用地理定位,它适用于除IE之外的所有内容,因为它... 查看详情

Windows Phone 7 中具有地理定位服务的邮政编码

】WindowsPhone7中具有地理定位服务的邮政编码【英文标题】:ZipcodewithgeolocationserviceinWindowsPhone7【发布时间】:2011-03-0406:28:34【问题描述】:我想从WindowsPhone7获取当前用户位置的邮政编码。从GeoLocation服务我可以获取纬度和经度,... 查看详情

使用 html5 地理定位 api 创建地理围栏

】使用html5地理定位api创建地理围栏【英文标题】:Creatingageofencewithhtml5geolocationapi【发布时间】:2015-03-2523:44:48【问题描述】:我正在考虑使用HTML5地理定位API来检查用户是否在特定位置。但是,我想对此宽容一些,所以我希望... 查看详情