Tag: 谷歌地图

Google地图标记数据: 我正在对服务器进行ajax调用，以获取要在谷歌地图上显示的纬度/长度列表。我也为每个标记添加了“点击”事件。诀窍是我需要能够将一些额外的数据存储到标记中，以便知道我正在处理的ID（来自数据库），所以我稍后将它与数据库匹配。我正在使用Title属性来显示一些友好信息。 AJAX，标记创建和点击事件工作正常。存储标记的额外数据的正确方法是什么？看这里的代码： $.ajax({ url: “/location/NearbyHotspots”, data: { lat: marker.position.lat(), lng: marker.position.lng(), radius: 10 }, datatype: “json”, type: “POST”, success: function (data, status, xhttp) { for (var i = 0; i < data.length; i++) { var loc = new google.maps.LatLng(data[i].Lat, data[i].Long); var newmarker = new google.maps.Marker({ position: loc, draggable: false, map: […]

使用jquery gmap3和autoFit设置最大缩放级别: 我在gmap3插件上使用’autoFit’，因此它可以缩放到地图上对象的最佳级别。问题是当只有一个物体放大到最大水平时太远了。我怎样才能让它变得比缩放等级14更进一步？谢谢。

预加载Google地图的标记图像: 我正在使用Google Maps V3 API创建一个谷歌地图，其中标记会在鼠标hover时更改其标记图标。但是我注意到，一旦用户第一次使用该特定标记，以及每个标记，图标就会闪烁，我猜这是因为鼠标hover图像需要一些时间才能下载。为了解决这个问题，我正在考虑预加载鼠标hover图标图像。我怎样才能做到这一点？

google places api autocomplete – 添加点击事件: 我将搜索结果附加到谷歌地方javascript api autocomplete。到目前为止我这样做： var autocomplete; function initialize() { var myLatlng = new google.maps.LatLng(40.738793, -73.991402); autocomplete = new google.maps.places.Autocomplete(document.getElementById(‘autocomplete’)); } 后来我有这个： $(‘.pac-container’).append( ‘Search Results’ ); $(document.body).on(‘click’, ‘.pac-container .j-search’, function(e) { console.log(‘click fired’); }); 问题？点击事件永远不会触发…… 知道为什么吗？我的代码出了什么问题？

在AJAX上初始化Google地图刷新了部分内容: 我可以显示带有标记的谷歌地图没有问题，但是当使用ajax刷新部分时，我无法在部分内显示地图。我猜这是因为当使用ajax时，最终的初始化行没有被触发： function initialize() { var myLatlng = new google.maps.LatLng(-25.363882,131.044922); var mapOptions = { zoom: 4, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById(‘map-canvas’), mapOptions); var marker = new google.maps.Marker({ position: myLatlng, map: map, title: ‘Hello World!’ }); } google.maps.event.addDomListener(window, ‘load’, initialize); 那么我可以使用其中一个ajax成功处理程序来初始化地图吗？我试过没有运气，但语法可能是错误的，我不知道在哪里放这个： $(document).ajaxSuccess(function() { google.maps.event.initialize; }); 有任何想法吗？编辑：我通过在链接中添加remote => true来加载属性/ […]

使用javascript解析谷歌地方json: 由于任何原因，此代码似乎不起作用 var request = “https://maps.googleapis.com/maps/api/place/search/json?”; request = request + “location=”+lat+”,”+lng+”&”; request = request + “radius=500&”; request = request + “types=&”; request = request + “name=&”; request = request + “sensor=false&”; request = request + “key=”+key; $.getJSON(request, function(data){ alert(data); }); 该字符串是有效的，如果我只是在我的浏览器中加载它我得到结果。你觉得这里有什么不对吗？编辑：好吧，问题解决了。 Google Places API实际上不接受ajax jsonp调用。我将不得不使用他们的JavaScript API。有关详细信息，请参阅此主题：如何使用Google商家信息获取一系列地名？谢谢你的回复。所以我现在使用以下代码进行API调用： $.ajax({ url: “https://maps.googleapis.com/maps/api/place/search/json”, […]

Google地图初始化无法使用标签: 我正在尝试在标签点击事件上初始化Google地图，因为目前我正在获取这样的地图：我的代码： (function($) { /* * render_map * * This function will render a Google Map onto the selected jQuery element * * @type function * @date 8/11/2013 * @since 4.3.0 * * @param $el (jQuery element) * @return n/a */ function render_map( $el ) { // var var $markers = $el.find(‘.marker’); // vars var […]

谷歌地图+ jQuery：渲染bug: 将Google地图放在jquery-ui标签内时，地图无法在某些情况下正常显示。重现：去这里点击“列表”链接调整浏览器窗口的大小点击“地图”链接观察一些地名叠加正确绘制，但其他地图则没有。我实际上已经删除了所有jquery-ui的东西以限制问题的范围，它似乎只是display：hide / display：block的应用程序导致问题。 UPDATE 偶尔也会出现错误，只是在display：none / block之间切换时 – 例如没有resize。这似乎是IE（8）中最常见的。

动画后，Google地图容器无法正常resize: 我有一个谷歌地图容器，让我们说600px高度。我有一个按钮，调整（jQuery）地图上的div容器： $(‘#add’).click(function() { $(“#container-map”).animate({ height: ‘50%’, minHeight: ‘50%’ }, 1500 ); google.maps.event.trigger(map, ‘resize’); }); 现在容器和地图的高度为300px，但谷歌地图api认为它仍然是600像素，所以地图的中心仍然是300 px，尽管它应该是150 px（300/2）。 http://woisteinebank.de/dev2.html#当您在框中搜索某个位置时，它会居中。点击“Eintragen”并再次搜索，它没有正确居中。你能尝试validation甚至建议如何解决这个缺陷吗？我尝试使用通常的解决方案触发resize事件，但它不起作用

谷歌地理编码 – 无法拉动坐标: 我在这里得到了一些帮助，我试图将两段代码放在一起以得到以下结果：用户单击地理编码按钮向用户显示以下信息（类型地址，城市，州，国家，坐标）这是我拼凑的代码和一些帮助： http ： //jsfiddle.net/QA7Xr/25/ 这是完整的书面代码： var myLatlng = new google.maps.LatLng(31.272410, 0.190898); // INITALIZATION function initialize() { var mapOptions = { zoom: 4, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById(“map-canvas”), mapOptions); } // GEOCODE function codeAddress() { var address = document.getElementById(“address”).value; geocoder.geocode({ ‘address’: address }, function (results, status) { if (status […]