javascript - 如何使用密码查找给定区域的经纬度

Question

您好，我在我的网站上使用 Bing map ，并希望在 Bing map 上精确定位该位置。我的问题是在我的网站上，我怎样才能使用密码获得一个区域的经纬度。是否有任何 api 可用于通过提供区域密码来查询经纬度。我想在后端做。使用一些 ajax 调用那个特定的 web api 并返回 lat lang 并将其保存到数据库中，这样我就可以使用那个 lat long 在我的 bing map 上绘制位置。

我正在使用 bing map 7，我需要将经纬度值放入 json 对象并将其传递到 Bing map 。

function GetMap()
{
var mapOptions = {
credentials: "Your Bing Maps Key",
center: new Microsoft.Maps.Location(47.592, -122.332), // i want these value in my         database 
mapTypeId: Microsoft.Maps.MapTypeId.birdseye,
zoom: 17,
showScalebar: false
}
var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), mapOptions);
}  

我可以对其进行硬编码，但在我的应用程序中，我已经为客户端提供了一个用于添加新位置的选项，因此在后端我希望它就像客户端添加任何新位置时一样，它也会自动保存其经纬度。

谢谢

Answer 1

使用密码获取经纬度值可能不是最佳解决方案，因为密码虽然流行了一个多世纪，但仍然是 not a standard周游世界。例如，在美国，密码(邮政编码)通常有 5 位数字(即 06160)，而在我所在的地区，它们通常有 6 位或更多。

尽管您可以结合使用街道地址、州、国家和个人密码来找出世界上几乎每个地方几乎正确的地理坐标。请参阅以下脚本，该脚本调用 google api 来查找 Lat、Long 值...在这里，我将此代码捐赠给 GPL 下的社区:-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script>

<script src="http://maps.google.com/maps?file=api&v=3&key=ABQIAAAA7j_Q-rshuWkc8HyFI4V2HxQYPm-xtd00hTQOC0OXpAMO40FHAxT29dNBGfxqMPq5zwdeiDSHEPL89A" type="text/javascript"> </script>
 <script type="text/javascript">

        var geocoder, location1;

        function initialize() {
            geocoder = new GClientGeocoder();
        }
        function prepareQuery(){
            var query='';
            var a1 = document.getElementById('address1').value;
            var a2 = document.getElementById('address2').value;
            var a3 = document.getElementById('address3').value;
            var cty = document.getElementById('city').value;
            var stat = document.getElementById('state').value;
            var cntry =document.getElementById('country').value;
            var pin = document.getElementById('pincode').value;

            if(a1 != null && a1!=''){
                query = query + a1 + ",";                    
            }
            if(a2 != null && a2!=''){
                query =query + a2 + ",";                    
            }
            if(a3 != null && a3!=''){
                query = query + a3 + ",";                    
            }
            if(cty != null && cty!=''){
                query = query + cty + ",";                    
            }
            if(stat != null && stat!=''){
                query = query + stat + ",";                    
            }
            if(cntry != null && cntry!=''){
                query = query + cntry + ",";                    
            }
            if(pin != null && pin!=''){
                query = query + pin + ",";                    
            }
            //                alert("Prepare Query Returns " +query);
            return query;
        }
        function submitFunc(){
            var location = prepareQuery();               
            geocoder.getLocations(location, function (response) {
                if (!response || response.Status.code != 200)
                {
                    alert("Sorry, we were unable to geocode the address");
                }
                else
                {                     
                    location1 = {latitude: response.Placemark[0].Point.coordinates[1], longitude: response.Placemark[0].Point.coordinates[0], Address : response.Placemark[0].address};

                    var items = [];
                    $.each(location1, function(key, value){                          
                        items.push('<li id="' + key + '">' + key +" : "+ value + '</li>');
                    });
                    //                        alert(items)
                    $("body").append("Results is :-");
                    $('<ul/>', {
                        'class': 'my-new-list',
                        html: items.join('')
                    }).appendTo('body');
                }
            });
        }

    </script>

html 看起来像....

        Line 1   : <input type="text" id="address1" value="" placeholder="Enter first line of address."/> <br></br>               
        Line 2   :<input type="text" id="address2" value="" placeholder="Enter second line of address."/> <br></br>               
        Line 3   :<input type="text" id="address3" value="" placeholder="Enter third line of address."/> <br></br>               
        City     : <input type="text" id="city" value="" placeholder="Enter city name."/> <br></br>               
        State    : <input type="text" id="state" value="" placeholder="Enter state name."/> <br></br>               
        Country  : <input type="text" id="country" value="" placeholder="Enter country name."/> <br></br>               
        Pin Code : <input type="text" id="pincode" value="" placeholder="Enter pincode value."/> <br></br>               
        <input type="button" name="submitBtn" value="submit" onclick='submitFunc();'/> <br></br>

        <h3> <strong> Your Results Will be displayed Here . . . .</strong> </h3>