草庐IT

google-maps-styled

全部标签

javascript - Array.map() 与 d3.selectAll().data.enter()

我试图了解使用d3.selectAll.data.enter()循环遍历数据集并绘制它的好处。vardata=[4,8,15,16,23,42];varx=d3.scale.linear().domain([0,d3.max(data)]).range([0,420]);letchartsvg=d3.select(".chart").append("svg");chartsvg.selectAll("rect").data(data).enter().append("rect").attr("x",0).attr("y",function(d,i){return25*i;}).attr

javascript - 在 map 上显示多个标记时,如何在单击标记时只打开一个信息窗口?

我正在使用react-google-maps显示带有标记的map,当您单击标记时,所有信息窗口都会打开。我希望在单击时仅显示一个标记的信息窗口,而其他标记则保持关闭状态。这是我的代码:{props.places&&props.places.map((place,i)=>{props.isOpen&&{place.name}})}我用这个打开和关闭InfoWindowimport{compose,withProps,withStateHandlers,withHandlers,withState}from"recompose";...withStateHandlers(()=>({isO

javascript - 如何在 React App 中嵌入 Google 自定义搜索?

我需要在React应用程序中嵌入一个JS小部件。有办法吗?JS小部件是Google自定义搜索:(function(){varcx='111:xxx';vargcse=document.createElement('script');gcse.type='text/javascript';gcse.async=true;gcse.src='https://cse.google.com/cse.js?cx='+cx;vars=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gcse,s);})();

javascript - 如何检测 google maps PolyLine 叠加层上的点击事件?

在我看来,我应该能够执行以下操作来检测谷歌地图上某条线上的点击事件:varline=newGPolyline(...);map.addOverlay(line);GEvent.addListener(line,"click",function(latlng){alert("clicked");});apireference说这是在2.88版中可用的,该版本于2007年发布(!?),所以我假设这就是我正在使用的,但我不知道如何确认这一点。我还尝试明确设置{clickable:true}选项(它应该是默认设置。)我已经在FireFox3和Opera9.6中进行了测试,所以怀疑它是特定于浏览

javascript - 我希望切换元素的可见性 : should I start with class ="..." or style ="..."?

如果我在网页上有一个元素,我希望使用javascript显示和隐藏相当多的元素,将其设置为初始不可见的最合适方法是什么?...或...在大多数情况下,使用class="..."优于style="...",但我不认为它最适合这个案例。从语义上讲,我的元素不是隐藏元素,它只是一个将在页面首次加载时开始隐藏的元素。当我使用jQuery的show()和hide()方法时,这意味着它通常会处于这种状态:.....这对我来说显然是无稽之谈。另一方面,使用内联style="display:none;"感觉有点笨拙和硬编码。我知道这两种方法都可以完美运行并且用户永远不会变得更聪明,但是哪种模式违反设计

javascript - google caja 的使用方法

假设我有一个页面,我想允许第3方将小型应用程序/iframe嵌入到我的页面中。为了在我的页面上使用caja来保护第3方小应用程序/iframe。我需要添加任何额外的javascript/服务器端代码才能使用caja吗?获取第3方小应用程序是通过代理还是直接iframe完成? 最佳答案 使用Caja重写器有两种主要方式;如果您的服务器是用Java编码的,那么您可以将Caja构建到您的服务器中并直接调用这些类。否则,您将Caja作为自己的服务器(Cajoling服务)运行,它将重写第三方代码。该代码需要在具有Caja运行时库和一些设置代

javascript - 如何将 Google 的/MBP FastButton 代码与主干事件一起使用

按钮在手机上运行缓慢(由于拖动检测等原因,大多数浏览器至少延迟300毫秒)。谷歌写了一些javascript来解决这个问题:http://code.google.com/mobile/articles/fast_buttons.htmlMobileHTML5Boilerplate人员将其集成到他们的包中:https://github.com/h5bp/mobile-boilerplate/blob/master/js/mylibs/helper.js#L86我想弄清楚如何轻松地将其与主干一起使用。像这样的东西:events:{"fastbuttonbutton.save":"save"

javascript - 可以使用 Ruby on Rails 开发 google chrome 扩展吗?

我不确定为什么它告诉我这个问题是主观的。我在整个互联网上都看过,找不到答案。我知道谷歌浏览器扩展的内容脚本通常是用javascript编写的。这和Ruby之间有什么联系?我知道Rails是Ruby的Web开发框架。我只是在学习所有这些东西。 最佳答案 RubyonRails是Ruby语言的服务器端代码框架。Chrome扩展是用纯Javascript编写的。两人永远不会见面。您可能想使用CoffeeScript,它是一种类似Ruby的语言,已转换为Javascript。(我从未尝试在其中编写Chrome扩展程序,但我认为它会正常工作)

javascript - Google Chrome 重复 JavaScript 'focus' 事件

我注意到Chrome处理javascript焦点事件的方式有一个奇怪的问题。事实上,它会持续触发focus事件,即使它只发生一次。我在这里做了一些研究,发现人们在使用alert()时会遇到同样的问题。当他们关闭警报窗口时,焦点将返回到他们的输入,并且处理程序会一次又一次地触发。在我的例子中,问题是不同的,因为我使用的是console.log(),有时我会得到相同的日志2次甚至3次。我注意到它通常发生在我清除控制台,然后专注于一个元素时。当我尝试重复它时,它不再发生。场景:清除控制台关注元素(2或3条控制台消息)关注其他相同的元素或取消关注并再次关注同一个(没问题)清除控制台关注元素(2

javascript - 是什么导致 IE8 中的 Google map 错误?

我们正在使用Googlemap并发现了一个问题,该问题似乎只发生在IE8(可能低于IE8)中。该功能在FF、Chrome、IE9中正常工作。错误发生的代码是:google.load("maps","3.x",{other_params:"sensor=false"});varmapdiv=null;$(function(){mapdiv=document.getElementById("map");map=newgoogle.maps.Map(mapdiv,{zoom:1,center:newgoogle.maps.LatLng(6,35),disableDefaultUI:true,