Tag: google maps

谷歌地图将对象拖放到地图外部的谷歌地图中: 我正在研究一个项目，我需要一个关于如何将地图外部的对象拖放到其中的帮助。我尝试了很多例子，但我找不到解决方案，所以如果你能提供一些代码示例来帮助和感谢。

jQuery getScript返回一个解析错误exception: 我正在尝试使用获取Google Map脚本的$.getScript函数加载两个脚本，然后在加载之后，我得到另一个脚本（ goMap ），它可以轻松制作地图小程序。但是，在加载时，第一个获取Google Map API的脚本是好的，然后第二个脚本返回一个解析错误并显示： TypeError：’undefined’不是构造函数’ 然而，我不知道它在哪里引用或哪一行，我认为它必须尝试在这个文件上执行Geocoder（第一行(function($){ ： http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.2.js 这是我的代码： $.getScript(‘http://maps.google.com/maps/api/js?sensor=true’).done(function() { $.getScript(‘../js/gomap.js’).done(function() { // this never gets called alert(‘gomap loaded’); }).fail(function(jqxhr, settings, exception) { alert(exception); // this gets shown }); }).fail(function() { alert(‘failed to load google maps’); }); 我尝试更改AJAX设置以将async设置为false ，但它根本没有帮助。

谷歌地图模式问题: 我试图将谷歌地图显示到Twitter引导模式。当用户第一次点击按钮Show map他能够成功地看到地图，因为我正在生成地图onclick()函数，但是当他关闭模态并重新打开它时，地图无法正确显示并且90％的部分地图像下面一样变灰我甚至尝试这种解决方法，删除地图绑定的整个div并重新生成它，但这个技巧不太好用，让我知道如何解决我的问题。以下是我的js函数，我正在调用show map的事件 function mapp() { //google.maps.event.trigger(map, “resize”); //$(“#map_google_canvas”).empty(); $(“#map_google_canvas”).remove(); $(“#crmap”).append(“”) var myOptions = { center: new google.maps.LatLng(54, -2), zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map_google_canvas”), myOptions); var addressArray = new Array(“London, United Kingdom”, “London Road, Brentwood, United Kingdom”, “Brentwood, United Kingdom”); var geocoder = new google.maps.Geocoder(); var markerBounds […]

如何在Bootstrap jQuery Tab中重新加载Google Map: 我正在使用gmaps.js在Bootstrap选项卡中加载2个映射。会发生什么，第一个地图加载正常，但是当单击第二个选项卡（隐藏）时，地图无法正确加载。经过广泛的谷歌搜索，我意识到这与谷歌地图有关，需要在点击选项卡时resize，因为谷歌地图不能很好地与隐藏的选项卡一起使用。然而，在尝试了很多东西后，我无法让它发挥作用。这是我的小提琴： http ： //jsfiddle.net/7PueE/ /** * Fort Collins Map */ $(document).ready(function () { map = new GMaps({ div: ‘#fort-collins-map’, lat: 40.574859, lng: -105.056756, width: ‘100%’, height: ‘500px’, scrollwheel: false, }); map.addMarker({ lat: 40.574859, lng: -105.056756, title: ‘Fort Collins Office’, infoWindow: { content: ‘Fort Collins Office1120 E. Elizabeth St.Suite F-101Fort Collins, CO […]

固定中心的标记和拖动地图以获得lat，long: 我是一个示例地图显示当前位置，点击一个按钮显示lat，long和地图上的标记可拖动更新lat，long，但我需要在地图上稍作修改我希望标记固定在地图的中心，地图可以拖动以获得新的lat，就像JSFIDDLE链接一样。我的代码是： var map = null; var marker; function showlocation() { // One-shot position request. navigator.geolocation.getCurrentPosition(callback); } function callback(position) { if (marker != null) { marker.setMap(null); } var geocoder = new google.maps.Geocoder(); var lat = position.coords.latitude; var lon = position.coords.longitude; document.getElementById(‘default_latitude’).value = lat; document.getElementById(‘default_longitude’).value = lon; var latLong = new google.maps.LatLng(lat, lon); marker […]

Google地图和jQuery标签: 我对简单jQuery标签中包含的Google地图有轻微问题。下面我贴了代码： jQuery的： $(document).ready(function() { //Default Action $(“.tab_content”).hide(); $(“ul.tabs li:first”).addClass(“active”).show(); $(“.tab_content:first”).show(); //On Click Event $(“ul.tabs li”).click(function() { $(“ul.tabs li”).removeClass(“active”); $(this).addClass(“active”); $(“.tab_content”).hide(); var activeTab = $(this).find(“a”).attr(“href”); $(activeTab).fadeIn(); return false; }); }); 以下是标签的HTML： Tab1 Tab2 Tab3 Tab4 Tab1 Tab2 google Map Tab4 我真的不知道该怎么做。这是谷歌地图的一般问题，还是我的标签有什么问题？但是他们对其他一切都很好。提前谢谢你的帮助

使用Google Maps API v3循环标记问题: 我不确定为什么这不起作用。我没有任何错误，但发生的是，无论我点击什么标记，它总是点击最后一个标记。我不知道为什么，因为the_marker设置方式相同。我怎样才能解决这个问题？：（更新了新的jQuery + XML） $(function(){ var latlng = new google.maps.LatLng(45.522015,-122.683811); var settings = { zoom: 15, center: latlng, disableDefaultUI:true, mapTypeId: google.maps.MapTypeId.SATELLITE }; var map = new google.maps.Map(document.getElementById(“map_canvas”), settings); $.get(‘mapdata.xml’,{},function(xml){ $(‘location’,xml).each(function(i){ the_marker = new google.maps.Marker({ title:$(this).find(‘name’).text(), map:map, clickable:true, position:new google.maps.LatLng( parseFloat($(this).find(‘lat’).text()), parseFloat($(this).find(‘lng’).text()) ) }); infowindow = new google.maps.InfoWindow({ content: $(this).find(‘description’).text() }); new google.maps.event.addListener(the_marker, […]