Tag: 地图

如何在传单上选择特定路线？

我想绘制一张地图上绘制的路线很少。 我想要一个带有数字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 ?? });

IE7 / 8的jQuery map（）错误

我有以下jquery代码： $(‘.menubox’).children(‘div’).toArray().map(function(n,i){ return [$(n).children(‘input’).val(),$(n).children(‘.subs’).children(‘div’).toArray().map(function(n,i){ return [$(n).children(‘input’).val(),$(n).children(‘.subs’).children(‘div’).toArray().map(function(n,i){ return $(n).children(‘input’).val(); })]; })]; }); 这是与之相关的HTML： LBL1 LBL2 LBL2.1verwijder LBL2.2verwijder 它在chrome中工作正常，但是IE会抛出一个错误： 错误：对象不支持此属性或方法 当我删除map（）函数时，错误消失了。 我在这做什么冤枉？

源映射请求导致404错误

更新到Chrome 29后，我注意到浏览器尝试从app root获取jquery.min.map。 但是从资产收到之前的要求（小的声誉不让我发布用于打样的屏幕图像）。 当然，我可以在浏览器设置中关闭源地图，就像这个问题一样 ，但也许还有另一种真正的方法吗？ 我的情况不同的是，源地图是从资产收到的。

谷歌地图可以设置为缓慢恒定的平移吗？ 像全球革命一样？

正如标题所说的那样。 我正在寻找解决方案，但我没有发现任何指导我正确文档或文章的内容。 如果您有任何想法或可以指出我可以使用的可能解决方案，我将不胜感激。 谢谢

Google地图：商店定位器

我即将开始为企业设计商店定位器。 关于最佳路线，我有几个问题。 主要问题以粗体显示 。 将有两列，1表示地图本身，1表示当前位于地图视图中的所有商店列表。 我希望能够将谷歌地图加载到美国地图上，并在其中包含商店的州周围设置多边形。 多边形不需要动态加载，可以从此列表中手动编辑： Geo Boundaries 是否有任何您推荐使用的function或方法，只需查看当前哪些标记在视图中，就可以动态地找出要显示在第二列中的标记/存储信息？ 例如，假设加载了美国地图，其中有2个州有多边形（密歇根州和弗洛里亚岛）。 每个密歇根州和佛罗里达州的经销商都位于右侧。 如果此人单击密歇根州的多边形，则地图将放大位于密歇根州的所有标记，并且该列仅使用密歇根标记进行更新。 如果客户端再次放大到南密歇根州，则只会在列中显示当前仍在视图中的标记。 我的第二个问题是，商店将拥有某些“属性”，我希望为地图提​​供某种过滤系统。 可以说，如果他们说西class牙语，或者如果他们在维修中心，可以对商店进行分类。 如果按下“仅讲西class牙语商店”的复选标记，那么所有不讲西class牙语的商店都将被卸载（或者只有西class牙语商店才能刷新）。 非常类似于sprint的网站： Sprints Store Locator （但是，我正在寻找一个AJAX解决方案）编辑：更好的ace硬件之一： AceHardware Locator 是否有内置方法具有过滤标记匹配的function，或者你会是什么建议作为一种方式来做到这一点？ 请注意：我想避免使用任何数据库只是因为在这个站点上的任何其他地方都不需要数据库，并且仅仅为此function运行MySQL似乎是浪费。 我宁愿避免长时间存放。 LAT。 在文件中，但如果需要，我可以这样做。 商店不会经常更改，我也不需要使用GeoLocating来获得Lat。 长。 通过地址。 默认情况下将加载Jquery，因此我想知道是否建议使用此插件： http ： //googlemaps.mayzes.org/ 。 我的理解是他使用谷歌地图v2，而且v3更先进，更容易处理。 任何具有我正在寻求的任何或所有function的网站的示例/链接都会有所帮助。

折线周围的长度缓冲区

我不擅长数学，所以我遇到了问题。 我有一条路线从一个到另一个分散。 有一段时间我试图在固定长度的路线上应用彩色地块。 但是我不能得到一个圆润的角落，而我缺乏数学能力让我失去了很多。 现在我明白了 和代码 var r = []; var bla = result.routes[0].overview_path; for(i in result.routes[0].overview_path) { r.push(new google.maps.LatLng(bla[i].lat()+z, bla[i].lng()-z)); } bla.reverse(); for(x in bla) { r.push(new google.maps.LatLng(bla[x].lat()-z, bla[x].lng()+z)); } var kelias = new google.maps.Polyline({ path: result.routes[0].overview_path, strokeColor: “#00000”, strokeOpacity: 1.0, strokeWeight: 2 }); kelias.setMap(MAP); fonas = new google.maps.Polygon({ paths: r, strokeColor: “#FF0000”, strokeOpacity: […]

如何在传单地图上突出显示所选行？

我想绘制一张地图上绘制的路线很少。 我想要一个带有数字1，..，n的保管箱 选择保管箱中的项目时，相应的路线会在地图上突出显示。 我已经开始使用“传单”了。 如何突出显示一条线？ 我使用过“重量”，但它更像是一条线的边界。 我希望看到这条线变得越来越大胆。 这是我的代码： document.onload = loadMap(); function loadMap() { var map = L.map(‘map’).setView([37.8, -96], 4); L.tileLayer(‘https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}’, { attribution: ‘Map data © OpenStreetMap contributors,CC-BY-SA, Imagery © Mapbox’, maxZoom: 18, id: ‘mapbox.streets’, accessToken: ‘pk.eyJ1IjoiZW======V6ZTdlb2V5cyJ9.3HqHQ4BMRvSPaYe8ToA7YQ’ }).addTo(map); var marker = L.marker([51.5, -0.09]).addTo(map); var myLines = [{ “type”: “LineString”, “properties”: { “id”: “1” } “coordinates”: […]

MarkerClusterer不仅仅适用于webkit（Chrome和Safari），在Firefox中运行良好？

这让我很精神。 我正在使用带有谷歌地图v3的MarkerCluster，它在FF中运行良好，但是当我（和客户端）在Chrome或Safari中启动时，群集不在那里。 没有错误，只是没有在webkit中工作。 一些注意事项：它来自一些装有ajax的json，而且它是在jquery中。 这是负责添加的function： add_clusters: function() { markers = []; $.each( interpreters, function ( i, interpreter ){ //maps.add_postcode_marker(i, ‘interpreter’); var latLng = new google.maps.LatLng(interpreter.lat, interpreter.lng); //, map: map interpreters[i].marker = new google.maps.Marker({ position: latLng }); maps.add_info_box(i, “interpter”); markers.push(interpreters[i].marker); app.log(interpreters[i].marker); }); markerCluster = new MarkerClusterer(map, markers); } 干杯! 重申一下，Chrome中没有错误，只是没有显示。

如何使用jQuery创建动态交互式图像映射？

所以我使用.Net框架，使用ASP.NET MVC构建，如何创建动态，交互式Web 2.0样式的图像映射？ 例如，在世界地图上，如果您将鼠标hover在某个国家/地区上，则所选国家/地区将突出显示，并且工具提示会显示各种信息，如果您点击该国家/地区，则会转到所述国家/地区详细信息页面。

leaflet.js – 单击时设置标记，拖动时更新位置

对于我正在进行的一个小项目，我需要能够在leaflet.js驱动的图像映射上放置一个标记并更新该标记的位置（如果它被拖动）。 我使用以下代码来尝试这个，但它失败了。 我收到错误’标记未定义’。 我不知道为什么它不起作用 – 也许你们可以帮助我？ ;） function onMapClick(e) { gib_uni(); marker = new L.marker(e.latlng, {id:uni, icon:redIcon, draggable:’true’}; map.addLayer(marker); }; marker.on(‘dragend’, function(event){ var marker = event.target; var position = marker.getLatLng(); alert(position); marker.setLatLng([position],{id:uni,draggable:’true’}).bindPopup(position).update(); });