草庐IT

target_map

全部标签

javascript - 是否可以只映射数组的一部分? (数组.map())

我正在构建一个使用React.js作为前端框架的项目。在一个特定页面上,我向用户显示了完整的数据集。我有一个包含这个完整数据集的数组。它是一个JSON对象数组。就向用户呈现此数据而言,我目前通过使用Array.map()返回每个数据项来显示整个数据集。这是朝着正确方向迈出的一步,但现在我只需要显示数据集的一部分,而不是全部,我还想要一些控制,以了解总数据集有多少已经被显示显示,以及有多少数据集尚未显示。基本上我正在构建类似“查看更多”按钮的东西,它可以向用户加载更多数据项。这是我现在使用的,其中“feed”代表我的JSON对象数组。(这显示了整个数据集。)return({feed.ma

javascript - 更改 Google Maps JavaScript API v3 圈外的 map 不透明度

所以我目前在map上画了一个圆圈:varoptionsCercle={center:latlang,map:map,radius:1000,fillOpacity:0.1,strokeWeight:0};this.circ=newgoogle.maps.Circle(optionsCercle);现在我将圆圈内部设置为fillOpacity:0.1,但我想做的是将map上除圆圈内部之外的所有内容设置为fillOpacity:0.1。我希望我的视口(viewport)中除了圆圈之外的所有东西都被“模糊掉”。我怎样才能做到这一点? 最佳答案

javascript - 谷歌地图 JS v3 : Map display: none; after map initialization causing corrupted map

这当然涉及到之前关于初始化期间map显示的问题。然而这里的问题是在map应该已经初始化之后map显示被设置为无。我的widow.onload的最后一行将map设置为显示:无;到那时map初始化应该已经完成​​,但事实仍然是最终调用导致了问题。window.onload();函数...window.onload=function(){changeTheme(me);//doitnowsocurrent_themeisavaibletoswitchTabs();switchTabs("tab3");//setsmapdivvisibleinitMaps();//mapinitializat

javascript - Google Maps API v3 不会在 map 加载后禁用滚轮

我正在一个网站上实现谷歌地图,一切都运行良好,除了我似乎无法在加载map后禁用滚轮。如果我在map加载之前将选项设置为scrollwheel:false,则滚轮将被禁用,但如果我稍后尝试这样做(我有一个启用/禁用滚轮的复选框)。这是我在页面加载时对谷歌地图的选择:varmyOptions={zoom:15,center:currentPosition,draggable:true,scrollwheel:true,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.Map(document.getElementById

javascript - 当event.target 为HTMLImageElement 时,如何获取anchor 的href?

我想在单击时获取anchor元素的href。我正在使用以下javascript代码:document.addEventListener('click',function(event){event=event||window.event;varel=event.target||event.srcElement;if(elinstanceofHTMLAnchorElement){console.log(el.getAttribute('href'));}},true);这非常适合像这样的嵌入式anchor:但是当我使用anchor和图像时它不起作用:event.target返回图像而不是a

javascript - 将 2500 个 geoJSON 多边形渲染到传单 map 上

我一直在搜索,但似乎找不到解决方案。我有一个大小为170mb的GeoJSON文件。它包含大约2500个多边形。我需要以某种方式将其呈现为传单map。显然,在那个尺寸下我没有机会。呈现此数据的最简单方法是什么?我是否能够创建一个完全透明的png,它可以简单地在世界地图上呈现。巨大的尺寸是由于多边形的复杂性和数量。在这一点上,我不需要它是交互式的。谢谢,布莱恩 最佳答案 最简单的方法是根据该数据创建您自己的map图block。有几种方法可以实现这一点,但我的建议是您使用TileMill.它是免费的,而且非常易于使用。所以,基本上你会:使

javascript - 如何使用 angularJS 和 jqlite 测试 event.target.hasClass() ?

单击后将事件传递给ctrl。我想编写一个条件,如果element.target具有类modal-click-shield,它将返回true问题:如何使用Angulars的jqlite将.hasClass()与event.target一起使用?问题:目前我收到类型错误:$scope.exitModal=function(event){//Returntocurrentpagewhenexitingthemodal,viaUI.//Afterstatereturn,shouldsetfocusonthematchinglink.vartarget=event.target;console.

javascript - JavaScript中的数组遍历填充两个 map

varnumerList=[1,3,7,2,4,16,22,23];varevenNoLst=numerList.map(function(no){return((no%2)===0);});console.log(evenNoLst)上面的代码为我创建了一个偶数映射,现在我也想要奇数列表。需要再遍历numberlist吗?或者有没有办法使用数组的单次遍历来获得两个映射。我正在使用Javascript。 最佳答案 这里有一种使用reduce一次性拆分它的方法:varnumberList=[1,3,7,2,4,16,22,23];va

javascript - 谷歌地图 API : Adding letters to my markers on my google map

我正在尝试向我的标记添加一个字母,然后有多个带有字母的标记(准确地说是14个)。到目前为止,我没有成功地做到这一点。我是代码和googleAPI的新手。你能告诉我需要添加什么代码以及在哪里添加吗?下面是我的代码://GEvent.addListener(map,"moveend",function(){varcenter=map.getCenter();document.getElementById("message").innerHTML=center.toString();});map.setCenter(newGLatLng(lat,ling),7);}}//]]>field位置

javascript - 刷新/重新加载 map : Google maps API V2

我在我的谷歌地图中显示一些标记,从数据库中检索一些点。在这里,我也可以在我的数据库中添加一些新点或删除一些点。但我的问题是,当新点添加到数据库时,map不会将更新的点显示到map中,因为它没有刷新。我不想刷新整个网页。这是我工作的链接-http://128.233.104.33/passgui/editLeveledit.php我想要的是---点击添加新POI时在map上显示新添加的数据--如果我删除单个POI,则在从级别表中单击删除POI按钮后,也应该从map中删除。有人能帮帮我吗? 最佳答案 以下是GoogleMapsv2API