jjzjj

react-native-maps

全部标签

javascript - 在 Google Maps API V3 中缩放至 map 中心

我是使用谷歌地图的新手,正在尝试找出如何限制缩放功能,使其不会缩放到map中心以外的任何地方,也不会缩放到鼠标点。基本上,无论您的鼠标指针在map上的哪个位置,它都会缩放到返回map的中心,而不是缩放鼠标指针在map上的位置。我什至不知道目前是否可行,希望能提供一些帮助。functioninitialize(){varlatlng=newgoogle.maps.LatLng(51.285583,1.091045);varmyOptions={zoom:15,center:latlng,scrollwheel:true,navigationControl:false,mapTypeCon

javascript - Google Map API BackBoneJS 无法读取 null 的属性 'offsetWidth'

我接触过尽可能多的StackOverflow/google群组,试图弄清楚这个人。我正在使用BackboneJS渲染具有开始位置和结束位置的map。在新页面/页面刷新时,我没有收到此错误,并且map和其他东西工作正常,因为我使用的是jQuery的$(window).load(.....)函数;然而,当我动态呈现我的View时,我得到了这个错误——我相信——因为DOM还没有加载DIV(通过document.getElementById失败)。除了$(window).load()之外,我尝试了各种不同的方法,但我无法获得适用于这两种用例的任何方法(新页面加载——BackboneJSView

javascript - AngularJS:基于 Google Maps API 的单元测试应用程序

我需要为大量使用GoogleMapsAPIv3(计算距离、在map中创建标记等)的AngularJS应用程序编写单元测试,并且我知道我应该以某种方式创建或模拟mapCanvas,以便我可以对函数进行单元测试使用GoogleMapsAPI并在该Canvas上创建标记,但我不确定该怎么做,而且我找不到任何关于如何对基于GoogleMapsAPI的应用程序进行单元测试(最好使用AngularJS/Jasmine)的好的教程/资源。任何像这样的单元测试的工作示例——即使是最简单的示例——将不胜感激。 最佳答案 从您上面的评论来看,您似乎可能

javascript - 使用 Javascript 捕获 react 时间,准确性问题

我正在构建一个点探测任务(人们必须在图像消失后对一个点做出快速react),我们需要测量react时间并显示预定义时间间隔内的刺激,以便在在线治疗研究中使用。我们已经决定使用Javascript,我们愿意对用户施加一些限制,即排除IE等。不过我们不能完全禁止Windows。我读了JohnResig'spost关于这个话题,根据这个,我们将不得不禁止Windows上的所有浏览器,除了Firefox和Chrome。另外thisanswer建议使用console.time();作为FF和Chrome的最佳实践。我有一些后续问题,考虑到Resig的帖子现在已有4年历史,并且上面的问题是关于测量

javascript - Hook Google Map API 中的鼠标滚轮事件

是否可以挂接到GoogleMapAPI中的鼠标滚轮事件?无需赘述,我需要鼠标滚轮像在Googlemap中一样进行缩放,但我还需要附加到鼠标滚轮事件以用于其他目的。但是每当我在MapOptions中将scrollwheel设置为true时,GoogleMapAPI就会吃掉所有鼠标滚轮事件并拒绝共享它们(你不觉得很self中心吗?)!收听像zoom_changed这样的Googlemap事件将不起作用,因为如果map处于最小或最大缩放级别,它们不会触发,这是我需要的。更具体地说,我需要知道用户是否在已经处于最大缩放级别时尝试拉近距离。这“感觉”是可以解决的,但我的直觉并不总是正确的:-)有

javascript - 在我刷新之前,Google map 不显示

我遵循了官方文档中的这些简单说明:https://developers.google.com/maps/documentation/javascript/tutorial当我第一次打开网站时,一切正常。map显示正常。问题是当我导航到网站的其他部分时。回到map应该在的位置后,map没有显示。基本结构如下:“联系人”中的Javascript:functioninitialize(){varmapOptions={center:newgoogle.maps.LatLng(-34.397,150.644),zoom:8,mapTypeId:google.maps.MapTypeId.ROA

javascript - jsx --watch 将 jsx 语法转换为小写 "react"而不是大写 "React"

我在这里松散地关注facebooksReact教程,http://facebook.github.io/react/docs/getting-started.html,但我将其应用于不同的html文件。这是我的html文件,基于React入门工具包:HelloReact我安装了react-tools,现在当我运行“jsx--watchsrc/build/”它正在转换这个片段:varCommentBox=React.createClass({render:function(){return(Hello,world!IamaCommentBox.);}});React.renderComp

javascript - react .js : data not getting populated

我正在React.js网站上做教程。这是我的代码:HelloReact/***@jsxReact.DOM*///Theabovedeclarationmustremainintactatthetopofthescript.//YourcodeherevarcommentsData=[{author:"PeteHunt",text:"Thisisonecomment"},{author:"JordanWalke",text:"Thisis*another*comment"}];varCommmentBox=React.createClass({getInitialState:functi

javascript - 使用 React.JS 检索和缓存 SVG 节点边界框​​的最佳方法

我正在渲染带有标签的SVG组件。这些标签组件需要根据它们的文本内容(以及它们的大小)正确布局,以避免相互重叠。要获得每个标签的真实大小,似乎每次更新标签内容时都需要双重渲染。在标签组件级别,我需要第一次渲染检索真实SVGDOM节点的边界框出于性能原因缓存边界框重新渲染组件以根据其缓存的边界框调整标签位置然后,在每次重绘时:根据缓存的边界框渲染比较之前和更新的props之间的标签内容,如果有变化:更新并缓存标签边界框根据更新和缓存的边界框重新渲染到目前为止,这是我实现标签组件的方式:varLabel=React.createClass({updateBBox:function(){//T

javascript - React.addons.batchedUpdates API 的用途是什么?

Reactv0.12发布公告包括以下内容:NewFeatures:*React.addons.batchedUpdatesaddedtoAPIforhookingintoupdatecycle但是我找不到此API的任何文档。它的用途是什么?具体来说,它是否有可能与Ember.run()等效? 最佳答案 当响应onClick等综合事件时,组件状态更改是批处理的,因此对同一组件多次调用this.setState只会导致一次渲染。如果您正在更改状态以响应其他一些异步回调(例如AJAX或setTimeout),那么每次调用this.setS