谷歌地图apis-- JQuery&使用Places库

时间:2013-03-21 20:54:16

标签: javascript jquery google-maps-api-3

我有一个黑客攻击的网络应用程序,它使用谷歌地图api从数据库中绘制数据,并使用JSON对象在嵌入式地图上创建和显示标记和相关数据。我在这里访问api:

http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

我现在意识到我需要在地图上设置一个搜索框,以便用户搜索地址,地图将移动以显示他们想要的位置。好像我需要Places库,我可以使用文档中的代码示例轻松实现搜索框。我不关心地方本身或与它们做任何事情,只是确定位置并将重置边界移动到所需位置。所以我需要访问位置库,显然在这里:

https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false

但是,如果我切换出库,我之前的代码(也许并不奇怪)就会中断。有没有办法同时使用它们?我是否必须以其他方式处理Places,因为我已经在使用JQuery这个应用程序?或者这只是我如何引用库的问题?

谢谢! ž

1 个答案:

答案 0 :(得分:0)

只需这样做

var geocoder = new google.maps.Geocoder();
var address = document.getElementById("txtAddress").value;
var lat;
var lng;
geocoder.geocode( { 'address': address}, function(results, status) {
  if (status == google.maps.GeocoderStatus.OK)
  {           
    lat= results[0].geometry.location.latitude;
    lng =results[0].geometry.location.longitude;
  }
});
map.panTo(new google.maps.LatLng(lat,lng));
map.setZoom(14);
相关问题