草庐IT

google_maps

全部标签

javascript - 自定义图例/图像作为传单 map 中的图例

我用自定义图标作为标记构建了一个map。您可以在我的jsfiddle中查看代码和结果:https://jsfiddle.net/marielouisejournocode/x24stb0m/我试图更改“正常”图例代码以将图片放在那里,但我是js和传单的新手,无法真正解决这个问题。varlegend=L.control({position:'bottomright'});legend.onAdd=function(map){vardiv=L.DomUtil.create('div','infolegend'),grades=[1795,1945,1960,1980,2000],label

javascript - 传单 : Map container is already initialized does not get solved by proposed answers

我正在尝试使用传单加载map。当我刷新map时,出现上述错误。我研究了这个问题的其他建议答案。但是,他们中没有一个对我有用。我正在尝试在由onclick事件运行的函数中加载map。这是代码:functionload_map_and_analyze_data(){varmymap=L.map('mapid',{center:newL.LatLng(the_center_splitted[0],the_center_splitted[1]),maxZoom:17,minZoom:11,zoom:14});//creatingthemap//therestofanalyzeandcodego

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 - 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