Question

我已经设置了一个简单的地图页面，应该允许用户输入坐标然后显示相应的地图。但是，使用下面的代码，当我输入说波士顿的坐标时，我会得到一张我认为在中国偏远地区的地图。我做了什么值得这样的命运？谢谢你的帮助。

<!DOCTYPE html>

<html>
<!-- use map for bayesian network <map></map> -->

<head>
<title>Maps</title>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script>
    $(document).ready(function(){
        var x =0;
        var y =0;
        $('#find').click(function(){
        x = $('#x').val();
        y = $('#y').val();
        var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(x,y),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map($('#map').get(0), mapOptions);

        });


    });

</script>


</head>

<body>
<div id="map" style="height:300px; width:450px;">
   <h1>Enter a latitude and longitude, click find!</h1>
    <br>
        <input type="text" id="x">
        <input type="text" id="y"><br>
        <button id="find">Find</button>


</div>


</body>
</html>

坐标不指向正确的位置

0 个答案: