Question

我是编程新手并尝试使用gmaps.js创建地理网络应用程序。目前我一直在寻找地址。

这里是script.js文件中的代码：

创建地图：

function initialize()
{
var mapProp = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById("googleMap")
  ,mapProp);
}

google.maps.event.addDomListener(window, 'load', initialize);

创建搜索：

  GMaps.geocode({
  address: $('#adress').val(),
  callback: function(results, status) {
    if (status == 'OK') {
      var latlng = results[0].geometry.location;
      map.setCenter(latlng.lat(), latlng.lng());
      map.addMarker({
        lat: latlng.lat(),
        lng: latlng.lng()
      });
    }
  }
});

和HTML：

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css"/>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDVwHmsoQeFb7vSpwpqlyJQHkn_147MpOw&sensor=false">
</script>
<script type='text/javascript' src="script.js"></script>
<script type='text/javascript' src="gmaps.js"></script>
</head>

<body>
    <div id="googleMap"></div>
    <div id="menu">
        <input type="text" id="adress" name="adress">
        <input type="submit" class="btn" value="Search">
    </div>
</body>
</html>

我做错了什么？

Answer 1

您正在调用'＃address'而不是'#adress'，因为您的HTML标记

<input type="text" id="adress" name="adress">

它是一个错误的错误，纠正它并回来：）

使用谷歌地图API（gmaps.js）进行地址搜索

1 个答案: