草庐IT

map遍历

全部标签

javascript - 添加大量标记时,Google Maps API V3 非常慢

我有很多标记和markerclusterer需要在Googlemap上呈现。我目前正在使用API(v3),在速度较慢的机器上存在性能问题。请问我该怎么办??我正在使用ajax和XML 最佳答案 我不使用Markerclusterer,但我确保只有视口(viewport)中的标记被设置在map上。对我来说,这显着提高了性能。我使用了多个标记阵列作为不同的图层。这些层是通过在创建后添加一个marker.display属性来控制的,我稍后会玩。这样,即使在视口(viewport)内,这些也会被忽略。使用“idle”事件:“idle”将在用

javascript - 遍历javascript对象将键转换为字符串

这个问题在这里已经有了答案:Isthereanywaytouseanumerictypeasanobjectkey?(11个答案)关闭7年前。当我在Javascript中循环遍历一个对象以提取其键时,为什么这些键本应是整数却转换为字符串?obj={1:'a',2:'b'};arr=[];for(varkeyinobj){if(obj.hasOwnProperty(key)){arr.push(key);}}现在arr是["1","2"]而不是[1,2]

javascript - 如何在 JSX 中循环遍历 React 中的数字

我需要能够遍历一个数字并返回一些jsx。例如{for(i=0;i{i}}}这不是我想要做的,但如果我能解决这个问题,那么我应该能够完成我需要做的事情。然而,这会返回for上预期的表达式。我做了一些研究,有人说你不能在jsx中使用for循环,因为它们不返回任何东西。如何循环遍历数字以返回一定数量的jsx? 最佳答案 您可以改用Array.from()。letApp=()=>{return{Array.from(Array(10),(e,i)=>{return{i}})}}ReactDOM.render(,document.getEle

javascript - 在 ExtJS 中,如何循环遍历菜单项?

如何循环遍历ExtJS工具栏菜单中的所有项目,例如更改它们的图标? 最佳答案 使用MixedCollection的'each'方法按钮菜单中的实例。假设定义如下:varpnl=newExt.Panel({tbar:[{itemId:'a_btn',text:'Amenubutton',menu:{items:[{text:'Item1'},{text:'Item2'}]}}]});你可以稍后做:varbtn=pnl.getTopToolbar().get('a_btn');btn.menu.items.each(function(i

javascript - Google Maps JavaScript API - 自动缩放级别?

我正在使用多个map标记。目前,我在我的JavaScript中使用map.fitBounds(bounds);来调整map大小。bounds包含多个LatLng对象。我做错了什么?因为它缩小得太远了:-(JavaScript源代码vargeocoder,map;$(document).ready(function(){varcoll_gmap=$(".gmap");if(coll_gmap.length!=0){//initiatemapgeocoder=newgoogle.maps.Geocoder();varlatlng=newgoogle.maps.LatLng(-34.397,

javascript - Google Maps : Get click or marker (x, y) 标记点击监听器内的像素坐标

我正在尝试在点击标记时在map标记上完全显示自定义信息窗口。我已经成功实现了thisanswer让div显示在mapCanvas上单击...但我无法在标记单击时复制它。是否有可能在标记点击功能中获取标记像素位置,并抑制普通信息窗口以显示所需的自定义信息窗口?我试过这个:google.maps.event.addListener(marker,'click',function(args){varx=args.pixel.x+$('#map').offset().left;//weclickedherevary=args.pixel.y;info.style.left=x+'px';inf

javascript - setInterval 在 javascript 中遍历数组?

我有一个网站,他们想要一个新闻行情。目前,我有一个填充它的数组,每隔x秒,我希望新闻故事发生变化。functionstartNews(stories){}我知道您可以使用setInterval,但它必须通过一个新函数,并且您不能在同一函数中指定某些javascript在它执行时触发。你有什么建议?谢谢! 最佳答案 您应该使用setInterval()或重复调用setTimeout()。这就是你在未来某个时间用javascript做某事的方式。您可以使用这些计时器功能中的任何一个来执行的操作没有任何限制。您认为您做不到的具体是什么让您

javascript - phonegap + ionic 使用 Content-Security-Policy 加载 maps.googleapis.com,如何?

我尝试了很多加载谷歌地图和firebaseio的方法,但都没有成功:这就是我现在拥有的:我得到:Refusedtoloadthescript'https://maps.googleapis.com/maps/api/js?libraries=places'becauseitviolatesthefollowingContentSecurityPolicydirective:"script-src'self'https://maps.googleapis.com/*'unsafe-inline''unsafe-eval'".Refusedtoloadthescript'https://t

javascript - Google Maps API 3 - 限制平移/ map 边界

我完全不熟悉Googlemap,正在创建我的第一张map,以便将其整合到我的网站中。我试图将用户可以移动的区域限制在英国,并查看了这里的几篇帖子,它们都给出了非常相似的答案,但是我无法让代码为我工作.ThissolutionistheclosestthatIhavegot但是,每当我尝试完全移动map时,它都会以我的一个边界点为中心,而且我无法将其移动到其他任何地方。我可能犯了一个非常愚蠢的错误,在这种情况下我深表歉意,但我无法弄清楚哪里出了问题。有人有什么想法吗?谢谢我的代码如下(取自Google的示例代码,然后添加到)-与边界相关的部分靠近底部,从为英国设置边界开始:GoogleM

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

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