Tag: 谷歌地图

谷歌地图圈与标签: 我使用google map api创建了地图视图，使用google.maps.Circle圆圈在地图上打印时将标记更改为圆圈，但没有任何问题，但我无法在其中添加标签或文字。我该如何解决这个问题。这是我用来打印圆圈的代码 function initialize() { var frrlanser_marker = { strokeColor: ‘#FF0000’, strokeOpacity: 0.8, strokeWeight: 2, fillColor: ‘#FF0000’, fillOpacity: 0.35, radius: 60 * 100 }; var latlng = new google.maps.LatLng(6.951974, 80.720160); var myOptions = { scrollwheel: false, zoom: 10, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map”), myOptions); geo_location != “”): […]

寻找在地图上隐藏或显示街道的正确方法: 我试图在这个Demo上的Google Map上隐藏/显示Roads图层，这对我来说很有用，但是你可以看到代码在添加样式时多次重复！上： map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); map.set(‘styles’, [{ “featureType”: “road”, “stylers”: [{ “visibility”: “off” }] }]); $(‘input:checkbox’).change(function () { if ($(this).is(‘:checked’)) { map.set(‘styles’, [{ “featureType”: “road”, “stylers”: [{ “visibility”: “on” }] }]); } else { map.set(‘styles’, [{ “featureType”: “road”, “stylers”: [{ “visibility”: “off” }] }]); } }); 你能不能看一下demo，让我有什么更好的方法来实现这个目标？没有多次重复这种风格？！谢谢

将rails链接插入Google Maps infowindow: 我想在Google Maps InfoWindow中插入一个链接，以显示用户在我的rails应用中点击的点的更多信息。我目前的代码： $.getJSON(“/places”, function(json) { if (json.length > 0) { for (i=0; i<json.length; i++) { var place = json[i]; addLocation(place); } } }); function addLocation(place) { var point = new GLatLng(place.lat, place.lng); var marker = new GMarker(point); map.addOverlay(marker); GEvent.addListener(marker, "click", function() { var info = place.name + "[link]”; map.openInfoWindowHtml(point, info); }); } 我想链接将用户带到该标记的页面（即./place […]

GoogleMap隐藏在div中心: 我使用GoMap jQuery插件为谷歌地图。默认情况下隐藏带有地图的div。我几乎想到了如何正确地显示地图，但不知何故，在我揭示div之后我无法将地图居中。我尝试了我能找到的每个解决方案，现在我有下面的代码，但仍然无法正常工作。有人可以帮我这个吗？谢谢。 Show map $(function() { $(“#map”).goMap({ markers: [{ latitude: 49.676196, longitude: 13.444927, html: { content: ‘Marker description’, popup: true } }], hideByClick: false, zoom: 12 }); }); $(document).ready(function(){ $(“#map”).hide(); }); $(‘.showmap’).click(function(){ $(‘#map’).slideToggle(‘slow’, function() { var center = $.goMap.map.getCenter(); google.maps.event.trigger($.goMap.map, ‘resize’); $.goMap.map.setCenter(center); }); });

带有Bootstrap 3的Google Map v3信息窗口和jQuery在Google Chrome中无法正常运行: 我正在尝试使用一些点击事件创建一个信息窗口。但它并不完美。我在jQuery中做的代码是 – var infowindow = new google.maps.InfoWindow(); var contentString = ” +” +” +locations[i][0] +” +” +” +” +” +” +” +” +” +” +” +’19°’ +” +” +” +” +” +'<!– –>’ +” +” +” +” +” +” +” +” +” +’280 mm’ +” +” +” +’280 km/h’ +” +” +” +’280° […]

Google地图 – 不显示，但以HTML格式加载: 我不知道为什么会这样。但出于某种原因，我的谷歌地图脚本已加载到页面中，但不会显示。我很好奇我做错了什么。这是我的HTML。 Titel:Text Titel:Text 这是我的Javascript（使用jQuery）： $(document).ready(function(){ var coll_gmap = $(“.gmap”); if ( coll_gmap.length != 0 ) { //initiate map geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } //loop all addressen + insert into map coll_gmap.each(function(index) { map = new google.maps.Map(coll_gmap[0], […]

嵌入式Google地图的Chrome问题: 我正在使用触摸屏台式电脑，我在他们的网站上设置了一个基本的谷歌地图示例。当我尝试在Chrome中平移时，它不起作用，但在Firefox中它可以。捏缩放在其中任何一个中都不起作用，但在maps.google.com上，一切都在触摸屏上正常运行。 UPDATE 这个问题是在bug中处理的 https://issuetracker.google.com/issues/35824421 并于2016年12月在Google Maps JavaScript API 3.27版中得到解决。

google maps api get lat和lng并替换marker？: 因此，当用户输入地址时，它会添加好的标记，用户也可以将标记移动到新位置并检索它的lat和lng。然而，它没有做的是：从地址获取lat和lng（当引脚添加到页面时）如果地址更改，则会添加新标记，而不是替换现有标记。这是代码： var map; function initMap() { map = new google.maps.Map(document.getElementById(‘map’), { zoom: 8, center: {lat: -34.397, lng: 150.644} }); var geocoder = new google.maps.Geocoder(); document.getElementById(‘postcode’).addEventListener(‘keyup’, function() { geocodeAddress(geocoder, map); }); } function geocodeAddress(geocoder, resultsMap) { var address = document.getElementById(‘address1’).value + ‘\xa0’ + document.getElementById(‘address2′).value +’,’+ document.getElementById(‘postcode’).value; console.log(address); geocoder.geocode({‘address’: address}, function(results, status) { […]

在外部javascript变量中存储谷歌地理编码的返回值: 无法将谷歌地理编码的返回值存储到全局/外部（javascript）变量（ latlng1 ，在下列情况下）….也许是因为变量在地理编码完成之前获取其值… 对于下面的代码： alert((‘latlon=’+latlng1); //shows undefined 但， alert(‘got value = ‘+latLng); //gives the coorect value 那么，如何在将变量分配给变量之前等待地理编码返回非空值？这会解决问题吗？或者代码中还有其他缺陷吗？除此之外，代码的所有部分都可以正常工作（如下面的代码中的注释所述）; 我看到标记也正确地放在地图上; 这是我的代码： – $(some_element).click(function() { var input = document.getElementById(some_input_element).vlaue ; var get_geocodes = function get_value(latLng) { alert(‘got value = ‘+latLng); //gives the coorect value if (latLng == null){ geocode(input, get_geocodes)} return latLng; } latlng1 = […]

存储Google地图标记并从中选择特定标记: 我有一个网页，使用$.getJSON接收值为listing_id, lat, lng AJAX数据。回调函数采用这些系列值，并为每组listing_id, lat, lng创建一个Google地图标记。然后将标记推入数组markers ，将其listing_id推入数组markersListingId 。 var latLng = new google.maps.LatLng(json[i].lat, json[i].lng); var marker = new google.maps.Marker({ position: latLng, icon: base_url + ‘images/template/markers/listing.png’, }); markers.push(marker); markersListingId.push(json[i].listing_id); 问题：当我想选择与特定listing_id相对应的特定标记时会出现问题，特别是在标记被删除并添加到markers数组的更复杂情况下。我可以循环遍历markersListingId数组中所有标记的id，然后使用循环的索引i来获取markers数组中的markers ，但这会使跟踪变得非常棘手。 var id_to_select = 1234; for(var i = 0; i < markersListingId; i++) { if(markersListingId[i] == id_to_select) { markers[i].setMap(null); } } 问题：如何存储标记，以便我可以使用其listing_id轻松选择特定标记？