Tag: 映射

Google地图多边形显示/隐藏切换复选框

我正在尝试使用复选框输入进行简单的多边形开/关切换,但我无法使以下代码有效。 我在谷歌搜索并找到了一些解决方案,但没有一个对我有用。 html, body, #map-canvas{height: 100%; margin: 0px; padding: 0px; height: 590px;} function toggleLayer(firLayer,id) { if ($(‘#’+id).is(‘:checked’)) { firLayer.setMap(map); } else { firLayer.setMap(null); } } function initialize() { var mapOptions = { zoom: 4, center: new google.maps.LatLng(-14.886436490787712, -47.2685546875), mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById(‘map-canvas’), mapOptions); var firCTB = [ new google.maps.LatLng(1.03333333, -40.98333333), new […]

当边界发生变化时,如何动态地将点添加到Google Map?

我现在可以在地图窗口中放置静态点: var latlng = new GLatLng(lat, lng); map.addOverlay(new GMarker(latlng, markerOptions)); 我知道如何获得窗口的界限。 我还可以编写一个页面来获取边界并以任何格式返回其中的点。 我现在遇到的问题: moveend事件是否捕获所有移动,包括缩放更改? 或者我是否需要单独观看该事件? 我该如何调用外部数据源? (我应该只是做一个JQuery $.get请求吗?) 该数据源应该返回什么? 如何在地图上显示该数据?

如何在图像映射之上创建html工具提示?

我有以下代码: tooltipWin tooltipLin tooltipMac 我想展示我的纯html工具提示出现在鼠标顶部并移动它。 如何使用jQuery做这样的事情?

如何将图像映射合并到流畅的布局中?

我目前正在努力想要建立一个可以在不同分辨率下工作的网站。 主导航是通过需要填充大部分视口的图像映射。 我知道这已经过时了,但是图像映射似乎是唯一允许多边形区域划分的非Flash解决方案 – 我喜欢另一种选择! 我最终设法让网站resize以允许主图像使用条件jQuery和CSS在较小的显示器上显示,但是这也调整了slickboxes中的文本大小,这看起来很糟糕! 该网站(非常未完成)就在这里 。 我知道导航还不完全清楚(将鼠标hover在上面并点击油漆颜色),但我想首先对此问题进行排序。 总结我的问题: 是否有另一种方法可以在不使用图像映射的情况下创建此多边形热点翻转图像? 有没有办法调整图像映射的大小和覆盖光滑的盒子,同时保持文本大小相同? 非常感谢 – 整个周末一直把头发拉出来!

Leaflet.js:如何从地图中删除多个图层

我正在使用Leaflet.js作为地图。 现在我想从地图中删除添加的图层。 通过单击输入#button,所有选中的复选框都应更改为未选中,并且应从地图中删除所有相应的图层。 要从地图中删除图层,需要图层的ID。 此id等于相应复选框的id。 这就是为什么我使用jQuery获取所有已选中复选框的ID并将其值存储在对象中,此处称为someObj.idsChecked 。 当我尝试使用存储值val删除一个层时,它在console.log显示所需值时不起作用。 这里例如:mapcat52。 将先前的id硬编码插入到map.removeLayer(mapcat52)这样的函数中时,它按预期工作。 我的代码或我的想法中的错误在哪里? 任何帮助深表感谢。 HTML Map Layer One Map Layer Two … JS: $(‘#selectnone’).click(function() { var someObj = {}; someObj.idsChecked = []; $(“input:checkbox”).each(function() { if ($(this).is(“:checked”)) { someObj.idsChecked.push($(this).attr(“id”)); } }).attr(‘checked’, false); $.each(someObj.idsChecked,function(id, val) { // displays the wanted value, eg “mapcat52” if checkbox with this id is […]

我应该使用jQuery.inArray()吗?

我在对象数组中进行非常频繁的搜索,并且一直在使用jQuery.inArray()。 但是,我有速度和内存问题,根据我的探查器,最常用的方法之一是jQuery.inArray()。 大街上的表现是什么? 我应该切换到简单的for循环吗? 我的具体function是: function findPoint(point, list) { var l = list.map(function anonMapToId(p) { return p.id }); var found = jQuery.inArray(point.id, l); return found; } 可能是list.map()更list.map()责备吗?