Tag: 谷歌地图

Javascript – 显示和隐藏大量列表项的最快方式: 当用户平移Google地图时，会更新当前可见标记的列表。此列表最多包含1000个项目，当一次显示或隐藏数百个li时，它会减慢速度。它不到半秒钟，但它变得烦人。数组（newLiList）包含现在应该可见的项目。另一个数组（currentLiList）具有以前可见的项目。两个数组都包含li的id作为索引。 for (var i in newLiList) { if (currentLiList[i] != true) { $(“ul#theList li#”+i).show(); } } for (var i in currentLiList) { if (newLiList[i] != true) { $(“ul#theList li#”+i).hide(); } } 有更快的方法吗？

谷歌地图及其标记: 我有一个标记位置的JSON数组被拉入谷歌地图 – 这很好。我也有infoWindows链接到每个标记 – 这些也工作正常。但是，当我单击标记（在任何浏览器中）时，infoWindow仅显示在最后添加的标记上。这是一个小提琴： http ： //jsfiddle.net/neuroflux/8WDwn/10/这里是我的循环： for (var a = 0; a < dealer_markers.length; a++) { var tmpLat = dealer_markers[a].lat; var tmpLng = dealer_markers[a].lng; var tmpName = dealer_markers[a].name; var tmpAdr = dealer_markers[a].adr; var tmpTel = dealer_markers[a].pc; var tmpPc = dealer_markers[a].tel; contentString[a] = '’+tmpName+”+tmpAdr+”+tmpPc+”+tmpTel+”; var content = contentString[a]; dealer[a] = new […]

Google Maps API v3：单击DOM元素时关闭信息窗口: 我第一次玩谷歌地图，所以我看了一篇关于CSS技巧的精彩教程： http ： //css-tricks.com/google-maps-slider/我喜欢使用jQuery比纯JS更好，本教程提供了一种很好的方法来单击列表中的某个位置以在地图中显示标记。我喜欢这样，但我需要在标记处添加infowindows。我做了哪些，但当我点击列表上的某个地方并且地图平移时，信息窗保持打开状态！我认为这是因为我需要将infowindow.close（）附加到点击“#locations li”的事件上。这是我的代码，它在document.ready上运行： $(function() { var chicago = new google.maps.LatLng(41.924832, -87.697456), pointToMoveTo, first = true, curMarker = new google.maps.Marker({}), $el; var myOptions = { zoom: 10, center: chicago, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map($(“#map_canvas”)[0], myOptions); $(“#locations li”).click(function() { $el = $(this); if (!$el.hasClass(“hover”)) { $(“#locations li”).removeClass(“hover”); $el.addClass(“hover”); […]

通过单击按钮和带有jQuery的单独JS文件，触发Google Map Marker上的单击事件: 我正在使用Google Map API v3和jQuery 1.11.0。我在以下div中有一个谷歌地图地图有4个标记，它的点击事件通过这种方式添加到JS- google.maps.event.addListener(marker, ‘click’, (function(marker, i) //Adding Click Function { return function() { //Add Your Customized Click Code Here alert(locations[i][3]); //End Add Your Customized Click Code Here } })(marker, i)); 现在我在html的另一部分（外部地图）中有一个按钮，如下所示 – Click Me 现在我想添加一个on click事件，它将触发索引为3的地图标记的click事件。所以，我有像这样的HTML格式的JavaScript- $(document).ready(function() { $(“#3”).click(function(){ google.maps.event.trigger(markers[3], ‘click’); }); }); 但它没有用。我认为它不能用jQuery选择标记。因为我之前选择了jQuery这样的地图 – […]

如何在Google地图InfoWindow中使用Jquery？: 我想在Google地图InfoWindow中显示jQuery效果（显示和隐藏div），我该怎么做？

谷歌地图100％高度: 我正在使用此处的代码： http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-mobile-example.html#basic_map 我唯一的问题是我找不到如何使地图100％高度。以前有人有这个问题吗？

jQuery，JSON，PHP和gMap: 1）我有一个网站，使用jQuery和gMap谷歌地图插件。这一切都很完美，我的标记设置正确，我真的很喜欢这个解决方案。这是它的样子： google.load(“jquery”, ‘1.3’); google.load(“maps”); $(document).ready(function(){ $(“#map1”).gMap( { latitude: 48.7, longitude: 13.4667, zoom: 9, markers: [{latitude: 48.461117, longitude: 13.418795, html: “MY Info Box 1”}, {latitude: 48.531602, longitude: 12.942087, html: “Another Info Box”}, {latitude: 48.198242, longitude: 13.536017, html: “Guess what? This is INFO Text!”}, {latitude: 48.325327094, longitude: 14.0712547302, html: “INFO”}, {latitude: 48.7, longitude: 13.4667,icon: { […]

使用javascript或jquery的几何（CONVOLUTION）函数: 我尝试这样做3个月 – 我需要按路线方向创建一个多边形，如下所示：所以我写这个： directionService.route(request, function(result, status) { if (status == google.maps.DirectionsStatus.OK) { directionsRenderer.setDirections(result); var r = []; var z = 0.5; var bla = result.routes[0].overview_path; for(var i=0 in result.routes[0].overview_path) { r.push(new google.maps.LatLng(bla[i].lat()+z, bla[i].lng()-z)); } bla.reverse(); for(var x=0 in bla) { r.push(new google.maps.LatLng(bla[x].lat()-z, bla[x].lng()+z)); } var prva = new google.maps.Polyline({ path: result.routes[0].overview_path, strokeColor: “#00000”, strokeOpacity: […]

单击地图时关闭信息框: 我正在使用Google Maps V3 API的Infobox插件（http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html）当用户在地图上点击信息框外面时，信息框是否过于接近？

从选择下拉菜单更新谷歌地图: 我需要能够从html选择下拉菜单更新谷歌地图。 n00b的位，所以任何信息都将非常感激。我有以下JS / Google map api v3代码可以使用。使用选择下拉菜单，我需要能够使用bromley_route638.setMap(map);更新地图，即选择bromley_route638.setMap(map); 从下拉菜单中。谢谢！ // Mapping variables var global_strokeColor = “#FF0000”; var global_strokeOpacity = 1.0; var global_strokeWeight = 2; //BROMLEY BOROUGH var bromley_centrepoint = new google.maps.LatLng(51.408664,0.114405); var school_bromley_beaverwood = new google.maps.LatLng(51.41859298,0.089179345); var school_bromley_bishpjustus = new google.maps.LatLng(51.382522,0.045018); // Route 638 var bromley_route638 = new google.maps.Polyline({ path: [new google.maps.LatLng(51.408664,0.114405),new google.maps.LatLng(51.412973,0.114973),new […]