Tag: google maps

Google Maps API – 显示具有相同纬度/经度的所有标记的信息

我使用Songkick.com API的数据在谷歌地图上映射一些音乐会地点。 我正在使用jQuery调用数据。 在映射音乐会时，如果单个场地安排了多个音乐会，则所有标记都放置在完全相同的位置。 这意味着只有最近一次音乐会的标记可见，而谷歌地图infoWindow仅显示最近一次音乐会的数据。 我想这样做，以便在完全相同的纬度/经度上发生的所有音乐会在infoWindow中显示他们的信息。 因此，当您单击标记时，所有预定的节目都会显示在infoWindow中，而不仅仅是最近的节目。 这是我的javascript的一部分： function doSearch(locations) { deleteOverlays(); jQuery.getJSON(“http://api.songkick.com/api/3.0/search/locations.json?query=” + locations + “&apikey=XXXXXXXX&jsoncallback=?”, function(data){ var id = data.resultsPage.results.location[0].metroArea.id; jQuery.getJSON(“http://api.songkick.com/api/3.0/metro_areas/” + id + “/calendar.json?apikey=XXXXXXXX&jsoncallback=?”, function(data){ var bounds = new google.maps.LatLngBounds(); var point; $.each(data.resultsPage.results.event, function(i, item) { var event = item; point = new google.maps.LatLng( parseFloat(item.location.lat), parseFloat(item.location.lng)); var marker = new google.maps.Marker({ map […]

当边界发生变化时，如何动态地将点添加到Google Map？

我现在可以在地图窗口中放置静态点： var latlng = new GLatLng(lat, lng); map.addOverlay(new GMarker(latlng, markerOptions)); 我知道如何获得窗口的界限。 我还可以编写一个页面来获取边界并以任何格式返回其中的点。 我现在遇到的问题： moveend事件是否捕获所有移动，包括缩放更改？ 或者我是否需要单独观看该事件？ 我该如何调用外部数据源？ （我应该只是做一个JQuery $.get请求吗？） 该数据源应该返回什么？ 如何在地图上显示该数据？

Google地图无法正常显示

我在Twitter Bootstrap’s Modal窗口上有一个Google Map小部件。 当我打开模态窗口时，此地图仅显示在窗口小部件的一部分上（ 示例 ）。 在重新调整浏览器窗口大小后，此地图将正确显示。 我尝试使用$(‘#map’).resize() （在带地图的div上），但它不起作用。 对我的问题的任何建议表示赞赏。

嵌入Google地图

我在我的网站上嵌入了Google地图。 我想根据用户输入更改其位置。 我怎样才能做到这一点？ 我试图复制该位置的链接并将其分配给iframe src ： $(“iframe”).attr(“src”, “https://maps.google.co.in/maps?q=USA&hl=en&ll=37.09024,-95.712891&spn=131.016476,346.289063&sll=23.259933,77.412615&sspn=0.178842,0.338173&oq=usa&doflg=ptm&hnear=United+States&t=m&z=2”); 但是iframe没有加载地图。

在谷歌地图上控制键+点击事件

我想在谷歌地图上添加一个基于lat / lng获取地址的点击事件。 click事件正常工作，但是当我添加对按下的alt键的检查时，地理编码逻辑不再起作用。 google.maps.event.addListener(map, ‘click’, function(event) { if (event.altKey) { var geocoder= new google.maps.Geocoder(); var myLat = event.latLng.lat().toFixed(5); var myLng = event.latLng.lng().toFixed(5); var arrAddress = “”; var thisAddress = “Latitude :” + myLat + “” + “Longitude: ” + myLng + “”; var i; geocoder.geocode({‘latLng’: event.latLng}, function(results, status){ if (status == google.maps.GeocoderStatus.OK) { arrAddress […]

将Google Map加载到Bootstrap模式中

将Google地图插入引导程序模式会给我“灰色框”结果，但我没有看到问题。 我以为我会触发模型（’show’），然后加载地图（’显示’）以避免在此处讨论的冲突在Twitter Bootstrap创建的模式中显示Google地图 任何帮助非常感谢 HEAD ELEMENTS HTML Denmark Danish Embassy in Washington DC, United States 3200 Whitehaven St.NW 20008-3683 Tel: +1 (202) 234-4300 Fax: +1 (202) 328-1470 E-mail: wasamb@um.dk Website: www.ambwashington.um.dk Details: n/a Hours: 8:30 AM – 4:00 PM(Friday 3:30 PM) email | map-it | update JAVASCRIPT // encode function function htmlEscape(str) { return String(str) […]

防止点击事件传播/冒泡到Google地图上

我正在使用Google Maps API V3的MarkerClusterer库将附近的标记分组到一个标记中。 当用户单击群集标记时，该群集标记旁边会显示div。 现在我想这样做，在点击群集标记后，要关闭弹出的div，他可以点击地图。 问题：在google.maps.event.addListener(map, ‘click’, function(){})添加google.maps.event.addListener(map, ‘click’, function(){}) ，当用户点击群集标记打开弹出div时，没有任何反应！ 我猜测群集标记上的click事件导致div弹出，但click事件也传播到地图，触发地图的点击侦听器关闭弹出窗口。 我希望我可以使用jQuery的event.stopPropagation()但我在哪里可以获取event对象？ 我怎么解决这个问题？ 如何防止点击通过群集标记传播到地图？ 希望该解决方案是跨浏览器兼容的。 JS代码 clusterclickListener = google.maps.event.addListener(mc, “clusterclick”, function (cluster) { $(‘#content_container’).show(); }); google.maps.event.addListener(map, ‘click’, function() { $(‘#content_container’).hide(); });

如何使用Knockout.js过滤Google地图标记

我试图通过输入框过滤地图标记。 我想对地图标记名称属性上的标记进行全文排序。 // JS 我以为我可以将标记添加到数组中并尝试清除它们但它不起作用。 这是我的标记数组。 this.markers = ko.observableArray([]); //Create array of hotspot locations this.hotSpotList = ko.observableArray([]); 这会将我的“hotSpot”对象添加到热点arrays中 initialHotSpots.forEach(function(spot){ self.hotSpotList.push(new hotSpot(spot)); }); 这是针对hotSpots name属性搜索的filter字符串。 this.filter = ko.observable(“”); 这是过滤后的数组的计算值。 这部分有效，因为我可以使用视图上的foreach数据绑定对我的数组列表进行排序。 this.searchLocation = ko.computed(function() { var filter = this.filter().toLowerCase(); if (!filter) { return this.hotSpotList(); } else { return ko.utils.arrayFilter(this.hotSpotList(), function(item){ return item.name().toLowerCase().indexOf(filter) != -1; }); } }, […]

如何使用jQuery从struts2动作获取数据？

我有一个带有GoogleMaps的Struts2 Web。 我想加载保存在SQL DDBB中的标记列表。 为此，我尝试使用jQuery和Ajax。 这是你的代码： loadMarkers.java public class loadMarkers extends ActionSupport implements ServletRequestAware,ServletResponseAware{ //Variables de sesion/cookie FunctionClass ses; protected HttpServletResponse servletResponse; protected HttpServletRequest servletRequest; private String userID=””; //Variables del marker private List markersList = new ArrayList(); public String execute() throws Exception{ FunctionClass friends = new FunctionClass(); //Leemos de la cookie for(Cookie c : servletRequest.getCookies()) […]

如何使用jquery-ui-map在谷歌地图上添加标记

我正在使用http://code.google.com/p/jquery-ui-map/ HTML： Loading Map jQuery ： $(function() { $(‘#map_canvas’).gmap({ ‘center’: new google.maps.LatLng($(‘#map_canvas’).attr(‘latitude’),$(‘#map_canvas’).attr(‘longitude’)), ‘zoom’: 13 }); }); 它工作正常，但我无法添加标记。 我在文档中尝试了很多选项但无法放置标记。 任何的想法？ 谢谢