Tag: 谷歌地图

Google API地址组件: 我正在尝试使用Google Maps API获取地址组件，但无法正确解析结果。我的代码如下： // Ajax Call $.ajax({ url: ‘queryPage.php?’, data: ‘varObtainGoogleAddress=y&’ + ‘varAPILink=’ + encodeURIComponent(varAPILink), dataType: ‘json’, success: function(data) { // Formatted Address varFormattedAddress = data.result[‘formatted_address’]; // Works! } }); 我想要的是城市，州和邮政编码项目。在这方面的任何帮助表示赞赏。我是一名自学成才的业余网站开发人员。 🙂

动画多个标记: 我在地图上有几个标记，绘制了折线。我想沿着折线的路径移动每个标记，以模拟每个标记的同时移动。我在做这个问题时遇到了问题，我只得到最后一个移动标记而其余部分没有移动。作为使用这种编程技术的新手，我认为我的代码出了问题，特别是我试图为每个标记设置动画的方式。我需要一些指导。这是我迄今为止的工作： 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 […]

函数在Geocoder中返回undefined: 我正在使用Google maps v3地理编码器对地址进行地理编码，然后使用getJSON将jQuery文件中的2个坐标点传递给PHP文件。问题：但是，我注意到执行地理编码function的函数不断返回未定义的值！因此PHP文件接收未定义的变量。我哪里做错了？ jQuery代码 var search_latlng = geocodeAddress(search_location); console.log(search_latlng); $.getJSON(‘/main/get_places’, {search_location: search_latlng}, function(json){ $(“#result_listing”).html(”); . . . Geocoder JSfunction function geocodeAddress(address) { var latlng = new Array(2); geocoder.geocode( { ‘address’: address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { latlng[0] = results[0].geometry.location.lat(); latlng[1] = results[0].geometry.location.lng(); return latlng; } else { console.log(“Geocode was […]

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 […]

检查地图标记是否在选定范围内: 我有一个带有各种标记的地图，我需要能够在地图上绘制一个矩形并选择矩形边界内的标记。到目前为止，我在这里找到了一些很好的信息：如何在鼠标拖动选择的区域内获取标记？我已经实现了keymapzoom插件。像这样 $(‘#dispatcher’).gmap3({action:’get’}).enableKeyDragZoom({ boxStyle: { border: “dashed black”, //backgroundColor: “red”, opacity: 0.5 }, paneStyle: { backgroundColor: “gray”, opacity: 0.2 } }); var dz = $(‘#dispatcher’).gmap3({action:’get’}).getDragZoomObject(); google.maps.event.addListener(dz, ‘dragend’, function (bnds) { alert(bnds); }); 这给了我以下（（ lat，long ），（ lat，long ））格式的警报（bnds）; 我需要知道我现在如何检查是否有任何标记？由于其他原因，我已经有一个存储标记的对象。喜欢： markers[name] = {}; markers[name].lat = lati; markers[name].lng = longi; 哪个可能有用？我不明白如何使用GLatLngBounds和containsLatLng（latlng：GLatLng）。

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或类似的东西来打印地图。然而，这似乎并没有真正起作用。有没有人对最佳方法有任何建议

jquery ui拖动缓动/惯性: 使用jquery ui draggable（http://jqueryui.com/demos/draggable/）拖动元素时如何启用缓动或惯性？我想重新创建类似于maps.google.com的缓动，当您抛出/拖动地图时，它会轻松到位。理想情况下，我想根据您投掷/拖动元素的力移动元素移动。你是如何完成这项function的？也许jquery ui draggable不是必需的，但我希望模仿谷歌地图上的拖动和缓和。谢谢！

jquery：我如何通过ajax加载Google Maps API？: 在你回答之前：这并不像你期望的那样直截了当！我有一个’在地图上显示’按钮，当点击它时打开一个带有谷歌地图的对话框/灯箱。我不想在页面加载时加载地图api，就在请求地图时这是php文件“show on map”按钮放入对话框： $(function() { //google maps stuff var latlng = new google.maps.LatLng(); var options = { zoom: 14, center: latlng, mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(‘map_canvas’), options); var marker = new google.maps.Marker({ position: new google.maps.LatLng(), map: map }); }) 我一直在尝试在对话框中加载API之前加载API，如下所示： $(‘img.map’).click(function(){ var rel = $(this).attr(‘rel’); $.getScript(‘http://maps.google.com/maps/api/js?sensor=false’, function(){ […]

获取鼠标光标在Google Maps V3 API Marker的鼠标hover上的位置: 当光标鼠标hover在使用jQuery的标记上时，我试图在光标位置显示div 。它有点像工具提示。但是我似乎无法弄清楚如何获得光标下方点的X / Y坐标。现行代码： google.maps.event.addListener(marker, “mouseover”, function(event) { $(“#tooltip”).css({ position: “absolute”, top: event.pageY, left: event.pageX }).toggle(); 我相信event在jQuery中pageX像pageY和pageX这样的属性。我如何获得鼠标光标的位置？

谷歌地图v3部分加载在左上角，resize事件不起作用: Google Maps V3部分加载在左上角。我尝试了以下方法：添加google.maps.event.trigger(map, ‘resize’); 地图初始化后。重新排列索引文件中的标记但没有一个适合我。如何解决这个问题。是否存在此问题的官方错误和解决方案？的index.html Bootstrap, from LayoutIt! Some Content Responsive web design is an approach, I often call it a mindset, because you have to change the way you think when you’re going responsive. The basic idea behind it is: one design to rule them all – […]