【问题标题】:Reverse Geocoding converting coordinates into address?反向地理编码将坐标转换为地址?
【发布时间】:2012-05-21 00:07:37
【问题描述】:

我在这里遗漏了一些完全明显的东西吗?

我的意图是将坐标转换为地址并插入到div中

http://jsfiddle.net/sHLG6/1/

谢谢

【问题讨论】:

  • (offtopic) ...将value 赋予DIV 元素。这样好吗?
  • 请在您的问题正文中发布相关代码 - 不赞成链接到外部网站

标签: jquery google-maps google-maps-api-3 geocoding reverse-geocoding


【解决方案1】:

我看到 3 件东西立刻用你的小提琴弹出来。

  1. 您从未引用过 Google javascript 库
  2. 你从来没有打电话给initialize()codeLatLng()
  3. 您在 div 元素上使用了 value 属性,但您真正想要的是 getAttribute() 方法。

I changed your fiddle so it's working now

为了完整起见,原代码如下

<div id="latlng" value="54.9882,-1.5747"></div>
<div id="test"></div>
var geocoder; function initialize() {
geocoder = new google.maps.Geocoder(); } function codeLatLng() {

    var input = document.getElementById("latlng").value;
    var latlngStr = input.split(",", 2);
    var lat = parseFloat(latlngStr[0]);
    var lng = parseFloat(latlngStr[1]);
    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({
        'latLng': latlng
    }, function(results, status) {

        document.getElementById("test").innerHTML = '' + (results[4].formatted_address); + ''
    }); }​

工作代码:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="latlng" value="54.9882,-1.5747"></div>
<div id="test"></div>
var geocoder;
initialize();
codeLatLng();
function initialize() {

    geocoder = new google.maps.Geocoder();
}

function codeLatLng() {

    var input = document.getElementById("latlng").getAttribute('value');
console.log(input);
    var latlngStr = input.split(",", 2);
    var lat = parseFloat(latlngStr[0]);
    var lng = parseFloat(latlngStr[1]);
    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({
        'latLng': latlng
    }, function(results, status) {

        document.getElementById("test").innerHTML = '' + (results[4].formatted_address); + ''
    });
}​

【讨论】:

  • 对不起,我的原始代码中确实有 1 和 2,是 3 达成了交易。非常感谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-07-04
  • 2021-03-17
  • 1970-01-01
  • 2023-04-04
  • 2012-05-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多