Tag: 谷歌 MAPS API 3

寻找在地图上隐藏或显示街道的正确方法

我试图在这个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，让我有什么更好的方法来实现这个目标？ 没有多次重复这种风格？！ 谢谢

地图v3 onclick Android不起作用

有人能告诉我为什么这对android不起作用？ 在iPhone（Safari）OSX（safari，chrome）中工作正常， 但在Android（webView）中没有处理程序点击：/ // lot of code $(“.btnCenter”).on(‘click’, function(e) { e.preventDefault(); map.setZoom(19); map.setCenter(marker.getPosition()); }); $(“.btnAll”).on(‘click’, function(e) { e.preventDefault(); var bounds = new google.maps.LatLngBounds(); bounds.extend(marker.getPosition()); bounds.extend(start); bounds.extend(end); mapd.fitBounds(bounds); }); 谢谢

文本搜索 – 自动完成

我的网站叫做地震伤害地图 。 我正在尝试使用融合表中列的可能结果列表创建一个搜索框自动完成。 这是一个很好的例子 ，但我发现很难将它与我自己匹配，因为我现在通过AND加入了我的查询。 这是我的大学项目，任何帮助将不胜感激。 如何编辑以下代码以允许此操作？ searchString = document.getElementById(‘search-string4’).value; if(searchString){ query.push(“‘Earthquake’ CONTAINS ‘” + searchString + “‘”); } Earthquake Name:

带有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° […]

ajax调用后，彩色框内的Google地图会呈现偏灰色区域

我使用谷歌地图Api v3使用ajax调用在colorbox内渲染谷歌地图。 这是我用作地图和其他一些东西的容器的div，并且一个将显示在colorbox中，也会锚定在女巫上点击ajax将被调用： Show Map 我使用ajax来检索文件中的地图标记和js函数将生成地图。 这是ajax调用和colorbox init： FSM.mapAjaxCall = { GetMap: function () { $(“#cb-js-showMap”).click(function () { $.ajax({ url: //my ajax url cache: false, dataType: ‘json’, success: function (data, status) { var target = $(“#cb-js-map-content”); target.append(data.Html); if (typeof (data.Javascript) === “undefined”) { return; } $.loadScript(data.Javascript); } }); $(“#cb-js-map-content”).show(); $(“#cb-js-showMap”).colorbox({ inline: true, height: colorboxHeight, width: […]

Google Maps V3未加载jQuery标签

我在jQuery选项卡中无法运行谷歌地图。 不知道为什么会这样。 $(document).ready(function() { var map = null; $(“ul.css-tabs”).tabs(“div.css-panes > div”); $(“div.css-panes > div”).bind(‘tabsshow’, function(event, ui) { if (ui.panel.id == ‘map_tab’ && !map) { map = initialize(); google.maps.event.trigger(map, ‘resize’); } }); }); function initialize() { var latlng = new google.maps.LatLng({latitude},{longitude}); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new […]

无法打印每个地址的地图

以下是Google Map Api 3的示例。 在正文的底部，它还包括jquery文件和下面这个 HTML San Francisco San Diego San Jose JQuery的 var map; var geocoder = new google.maps.Geocoder(); function initialize() { var mapOptions = { zoom: 9, panControl: false, streetViewControl: false, mapTypeControl: false } map = new google.maps.Map(document.getElementById(‘map_canvas’), mapOptions); } var address = $(“.address”); var el; address.each(function(){ el = $(this).text(); codeAddress(el); }); function […]

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

使用jQuery / Javascript / GM在圆的边缘创建一个标记

我有一个叫做“影响”的圆圈，我想在圆圈的边缘创建一个标记。 我想不出有任何办法。 我的圈子设置如下 – var influenceOptions = { strokeColor: “#00CC00”, strokeOpacity: 0.7, strokeWeight: 0.5, fillColor: “#00CC00”, fillOpacity: 0.35, map: map, center: latlng, radius: 30 }; influence = new google.maps.Circle(influenceOptions); 如何在该圆的边缘创建标记？ 更新： http ： //jsfiddle.net/jArU2/4/ 如何在此圆圈的边缘添加新标记？

存储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轻松选择特定标记？