Tag: google maps api 3

Google自动填充方法API不会通过TAB触发更改事件: 根据Google Autocomplete Places API文档，getPlace（）调用应返回包含所有位置数据的Places对象，或者，如果该位置不存在（即 – 用户忽略了建议），则应返回一个存根填充Places对象的name元素。但是，它仅在用户按Enter时执行后一操作，而不是在TAB超出字段时执行。我已经尝试过查看更改事件，keyup，keydown事件。我已经尝试使用键码13触发关于模糊等的keydown事件。似乎没有什么工作。有没有人克服过这个问题？很明显，用户会在表单中进行制表，并且总是有可能忽略这些建议。

允许用户在谷歌地图自定义地图中移回标记位置（z-index？）: 我想允许用户能够在InfoWindow内的点击上移动自定义谷歌地图标记的顺序。这是为了克服重叠标记的问题。我考虑过其他解决方案（移动lat / lon，标记簇，“蜘蛛标记”）。我的代码有两个问题：1）jquery监听器不工作2）但更重要的是如何实现z-index（或其他技术？）的更改和重新显示。 #map-canvas, #side-bar { height: 500px; width: 600px; } // scoping for jquery $( document ).ready(function() { “use strict”; // variable to hold a map var map; // variable to hold current active InfoWindow var activeInfoWindow ; // ——————————————————————————- // // initialize function // ——————————————————————————- // function initialize() { // […]

使用google.maps.geocoder检索lat / long的位置: 我一直在尝试使用一些ajax来保存我的应用程序中的场所位置，并在堆栈溢出时偶然发现以下代码 function getLatLong(address) { var geocoder = new google.maps.Geocoder(); var result = “”; geocoder.geocode( { ‘address’: address, ‘region’: ‘uk’ }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { result[lat] = results[0].geometry.location.Pa; result[lng] = results[0].geometry.location.Qa; } else { result = “Unable to find address: ” + status; } }); return result; } 我的问题是当我调用函数时它什么也没有返回，当我调试并在chrome中设置断点时，它会在返回结果之前先破坏结果[lat] = results [0] […]

动画多个标记: 我在地图上有几个标记，绘制了折线。我想沿着折线的路径移动每个标记，以模拟每个标记的同时移动。我在做这个问题时遇到了问题，我只得到最后一个移动标记而其余部分没有移动。作为使用这种编程技术的新手，我认为我的代码出了问题，特别是我试图为每个标记设置动画的方式。我需要一些指导。这是我迄今为止的工作： Jsbin DEMO var startLoc = new Array(); startLoc[0] = ‘rio claro, trinidad’; startLoc[1] = ‘preysal, trinidad’; startLoc[2] = ‘san fernando, trinidad’; startLoc[3] = ‘couva, trinidad’; var endLoc = new Array(); endLoc[0] = ‘princes town, trinidad’; endLoc[1] = ‘tabaquite, trinidad’; endLoc[2] = ‘mayaro, trinidad’; endLoc[3] = ‘arima, trinidad’; var Colors […]

Google Maps API v3，jQuery UI标签，地图未resize: 我正在使用Google Maps API v3，显示在jQuery UI标签上。当选择显示地图的选项卡时，我一直在努力触发我的谷歌地图以正确resize。这里的jQuery文档http://docs.jquery.com/UI/Tabs提供了：对于Google地图，您还可以在选项卡显示后调整地图大小，如下所示： $(‘#example’).bind(‘tabsshow’, function(event, ui) { if (ui.panel.id == “map-tab”) { resizeMap(); } }); 无论我尝试什么，上面的代码都不适合我。以下代码可以正常工作，因为当我选择tab 9时它会显示警告。因此，我知道至少我正确地隔离了正确的触发事件。这是代码： $(function() { $( “#tabs” ).bind( “tabsselect”, function(event, ui) { if (ui.panel.id == “tabs-9”) { alert(“Alert is working”); } }); }); 当我改变这段代码以包含推荐的resizeMap（）; 命令，它不起作用。相反，它所做的是将字符“＃tabs-9”附加到url的末尾，然后它甚至不会选择正确的选项卡9.当我使用此代码时，我甚至看不到选项卡9： $(function() { $( “#tabs” ).bind( “tabsselect”, function(event, ui) […]

Google地图无法在jQuery标签中使用: 放置在jQuery标签内的谷歌地图不起作用是一个遍布网络的问题。到目前为止，在我的研究中，似乎没有一种解决方案可行。希望有人可以帮助…… 这是Firefox 10，Chrome 17，Safari 5.1.2，Opera 11.61中的错误的屏幕截图。 http://www.flickr.com/photos/75523633@N04/6932970713/ IE8中不存在该错误，并且在9中是间歇性的。在Firefox中，当您打开FireBug时它会消失。该站点在Wordpress 3.3.1中，并通过插件生成/检索地图。我使用哪个地图插件似乎并不重要; 错误保持不变。根据我的研究，这似乎是选项卡和Google Map API javascript之间的js / jQuery问题，而不是Wordpress /插件问题。这是我的代码。现在，我正在为地图使用wp-gmappity-easy-google-maps插件，但我也尝试了综合谷歌地图插件。两者都在标签之外工作得很好。 HTML： // Header calls: // HTML Body: Tab 1 Tab 2 Tab 3 Map Tab Tab 3 Tab 1 Content Tab 2 Content Tab 3 Content function wpgmappity_maps_loaded1() { var latlng […]

Bootstrap选项卡中的Google Map: 我正试图让Google Map出现在一个vanilla Bootstrap选项卡中。我直接从Bootstrap文档构建了一个小提琴，Gmap脚本与Google建议的完全一样。我将map对象转储到console.dir并且已经正确初始化。在早期的项目中，我能够使用resize函数在选项卡中显示地图 – 但它似乎不适用于Bootstrap。有没有人得到这个工作？这是通用的jsfiddle– http://jsfiddle.net/B4zLe/4/ 编辑：添加代码 JAVASCRIPT： var map; jQuery(function($) { $(document).ready(function() { var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); console.dir(map); google.maps.event.trigger(map, ‘resize’); $(‘a[href=”#profile”]’).on(‘shown’, function(e) { google.maps.event.trigger(map, ‘resize’); }); }); }); HTML： Home Map […]

Google Maps API V3打印地图: 我正在寻找一种方法来有效地打印使用谷歌地图api v3在网站上实现的谷歌地图。我见过一些人只使用window.print js然后 @media print { body * { visibility: hidden; } #map * { visibility: visible; } #map {visibility: visible;position:absolute; top: 5px; left: 5px;} } 目前使用fancybox向用户显示更大的地图，我已经为此添加了一个打印按钮。理想情况下，我只想添加一些jquery或类似的东西来打印地图。然而，这似乎并没有真正起作用。有没有人对最佳方法有任何建议

谷歌地图div没有出现在JSBin中: 如果我将宽度设置为500px，我可以在单击“开始”按钮时显示map-canvas div。如果我将高度/宽度设置为100％，则不会显示。我想确保我的项目会在移动设备上加载，所以我不想使用绝对尺寸。

推迟谷歌地图初始化，直到显示引导标签: 我已经研究了很多，似乎很多人在这里遇到了和我一样的问题，但我无法弄清楚如何修复它。基本上我正在隐藏的bootstrap选项卡中初始化一个谷歌地图。当我点击药丸使标签可见时，只显示地图的一小部分。从我收集到的这是因为地图正在隐藏元素中初始化。所以我需要在标签变得可见之后初始化地图。我已经尝试过，我已经尝试过，但我无法正确使用代码。任何帮助都将是宏伟的 – 我如何使地图仅在标签可见后执行？提前致谢 <div class="tab-pane map-pane" id="map”> function initialize() { var mapOptions = { center: new google.maps.LatLng(22.39813,114.10943), zoom: 8 }; var map = new google.maps.Map(document.getElementById(“map-canvas”), mapOptions); } google.maps.event.addDomListener(window, ‘load’, initialize);