文章/答案/技术大牛

发布

社区首页 >问答首页 >使用google (gmaps.js)进行地址搜索

问使用google (gmaps.js)进行地址搜索
EN

Stack Overflow用户

提问于 2013-12-26 08:05:54

回答 1查看 1.9K关注 0票数 0

我是新编程和尝试创建地理网络应用程序使用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>

我做错什么了？

gmaps.js

javascript

google-maps

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-26 08:10:20

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

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

这是一个台风错误，纠正它，然后返回:)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20781371

复制

相似问题

问使用google (gmaps.js)进行地址搜索
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用google (gmaps.js)进行地址搜索EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用google (gmaps.js)进行地址搜索
EN