Tag: google maps

谷歌地图信息动态内容未在第一次标记点击时加载: 我正在尝试在google地图信息块中添加动态内容： – 出现一个第一个标记点击空信息 – 在第二次点击标记时加载正确的内容根据这个答案，我在先前定义的infobubble对象上使用domready事件来启动加载动态内容的函数。 …虽然答案中的JS小提琴是误导性的，因为“动态”内容实际上是在使用new InfoBubble()调用的content选项之前加载的我在控制台中获得所有正确的信号，即domreadyfunction正在完成，并且在第一个标记点击时正确找到了内容。尝试：查看了infobubble.js代码，并在第1231行的任一侧放置了console.logs： google.maps.event.trigger(this, ‘domready’); 结果表明，在动态函数开始之前，domready确实被解雇了。使用infobubble disableAnimation: true选项禁用动画 – 认为在调用domready后可能会减慢信息量负载 – 但它不起作用添加了最多3秒的setTimeout() ，但这似乎没有帮助……无论如何，这将是一个糟糕的黑客。如何在首次点击标记时加载动态内容？ JS小提琴在这里笔记： – 对于js小提琴示例我正在使用$.get()调用 – 因为在我的应用程序中我使用小胡子将模板加载到信息块中 – 正在加载的示例内容与$.get()调用无关（是的，我可以在没有$.get()调用的情况下实现相同）但我只是尝试使用类似的代码布局+时序到我的自己的申请

如何在传单上选择特定路线？: 我想绘制一张地图上绘制的路线很少。我想要一个带有数字1，..，n的保管箱选择保管箱中的项目时，相应的路线会在地图上突出显示。我已经开始使用“传单”了。 1）如何在地图上用js选择特定的特征（例如线条）？我看到了如何从function集合中过滤，而不是如何从地图上的所有function中进行选择（例如，通过属性X） $(‘select[name=”dropdown”]’).change(function() { var item = $(this).val(); alert(“call the do something function on option ” + item); //how to make the chosen line highlighted ?? });

谷歌地图，Rails和Jquery: 更新7/17已解决我已将我的代码更新为Solved版本。原始问题我正试图通过Gem gmaps4rails显示谷歌地图。在研究了此处和此处发布的以下2个问题之后，Google地图似乎存在一个问题，该选项卡隐藏并显示来自Jquery或Javascript的内容，并且如果没有Jquery中的某些代码，则无法正确显示Google Map。我坚持在我的JavaScript中调整地图大小可以有人指出我的错误？谢谢！我的代码：使用Javascript $(document).ready(function(){ //Default Action $(“.gear_tab_content”).hide(); //Hide all content $(“ul.gear_page_tabs li:first”).addClass(“active”).show(); //Activate first tab $(“.gear_tab_content:first”).show(); //Show first tab content $(“.map_container”).hide(); //Hide the Google Map //On Click Event $(“ul.gear_page_tabs li”).click(function() { $(“ul.gear_page_tabs li”).removeClass(“active”); //Remove any “active” class $(this).addClass(“active”); //Add “active” class to selected tab $(“.gear_tab_content”).hide(); //Hide all […]

谷歌地图v3显示Jquery和Bootstrap错误的地图（Rails 4）: 我有一个Rails 4应用程序，我正在使用Bootstrap。我想显示一张Google Maps v3地图。我成功了，但现在我想在div容器中显示这个地图，这个容器最初是隐藏的，位于Bootstrap行内，并且跨越div。因此，当用户点击“显示地图”按钮时，将显示包含内部地图的div。我可以在用户单击按钮时显示div，但地图未正确显示。我只能在div的左上角看到200px左右的小方块地图，div的其余部分是灰色的。控件也显示错误。我看到有很多条目存在这个问题，但是，到目前为止我无法修复它。我不确定问题是否是因为bootstrap（我看到一个post，他们说你必须覆盖一些img样式。我已经做过了）或者问题是否与调整地图大小有关。但事实是我无法正确显示它。请帮忙。我的代码： Rails查看： Latitude: Longitude: Address: 使用Javascript： // Shows and hide info, rating and maps divs. $(document).ready(function(){ $(“.show-on-hover”).hide(); $(“.sliding-map”).hide(); $(‘.show_map’).click(function() { $(“.sliding-map”).slideToggle(); }); var map; function initialize() { var mapOptions = { zoom: 8, center: new google.maps.LatLng(-34.397, 150.644), mapTypeId: google.maps.MapTypeId.ROADMAP }; map […]

如何在网站上的地图上显示多个纬度和经度: 我有一个要求，比如我有300多个纬度和经度。我需要的是将这些纬度和经度指向地图。可以帮助我解决这个问题。到目前为止我已经搜索了谷歌和SO，但一切都在PHP，python和其他，但我需要它在jquery或c＃或xslt。任何帮助都会很明显。请不要downvote，我是新来的地图工作..

在bootstrap模式上显示地图: 我想在bootstrap模式上显示一个新的谷歌地图但它似乎不起作用。请帮忙 $scope.show = function (lat, long) { $(‘#body’).append(”) enter code here$scope.newMap=new google.maps.Map(document.getElementById(‘map’), { zoom: 14, center: {lat: 37.77, lng: -122.447}, mapTypeId:’roadmap’ });

谷歌地图加载显示错误: 我正在使用谷歌地图我的一个网站。为了显示地址和地图，我使用了gmap3插件。它在2天后工作正常。但是当地图像这样加载时，它今天显示错误 NetworkError: 403 Forbidden – http://maps.googleapis.com/maps/api/js/GeocodeService.Search?4sbbsr&7sUS&9sen-US&callback=_xdc_._2cs449&token=63445 有人可以告诉我这里的问题是什么吗？

Maps API和MarkerClusterer: 我正在尝试让markerclusterer使用我从SQL数据库中取出的一些数据。它目前正在显示地图，但不显示引脚。如果我在console.log使用标记var，我最终得到一组由VI组成的对象组织的对象，作为值。 html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map-canvas { height: 100% } var script = ”; document.write(script); var markers = []; $.getJSON(‘getLatLon.php’,{ajax:’false’},function(jsonData){ $(jsonData).each(function(){ var latLng = new google.maps.LatLng(this.lat,this.lon); var marker = new google.maps.Marker({‘position’: latLng}); markers.push(marker); }); }); function initialize() { var mapOptions = { center: […]

如何在两个位置的谷歌地图上添加标记？: 我想在谷歌地图上添加两个可点击的位置标记。当我点击按钮时，它应该用位置更改地图标记。 var map; function initialize() { map = new google.maps.Map(document.getElementById(‘map-canvas’), { center: new google.maps.LatLng(52.302516, 16.414546), //Setting Initial Position zoom: 14, }); var marker = new google.maps.Marker({ position: newLocation(), map: map, title: ‘AGM-CORP’, icon: ‘img/agm-marker.png’ }); } function newLocation(newLat, newLng) { map.setCenter({ lat: newLat, lng: newLng }); } google.maps.event.addDomListener(window, ‘load’, initialize); $(document).ready(function () { $(“#1”).on(‘click’, […]

Gmap3添加了一个简单的上下文菜单: 所以我试图添加一个非常简单的上下文菜单，如下所示的示例： http://gmap3.net/examples/context-menu.html 但是，这个例子非常复杂，并不是一个很好的学习起点。我只想创建一个具有2或3个出站链接的上下文菜单（包括右键单击的latlng）。谁能给我一个更简单的例子来工作？谢谢