草庐IT

shadow-mapping

全部标签

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 - 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 - Javascript如何比较 map 的键

我在node.js应用程序中使用JavascriptES6特性:classpairKey{constructor(x_pos,y_pos){this._X=x_pos;this._Y=y_pos;}getx(){returnthis._X;}setx(x_pos){this._X=x_pos;}gety(){returnthis._Y;}sety(y_pos){this._Y=y_pos;}varallElem=newMap();allElem.set(newpairKey(1,2),'a');allElem.set(newpairKey(2,3),'b');console.log(a

javascript - Shadow Dom继承父页面CSS [Chrome]

这个问题在这里已经有了答案:LightDOMstyleleakingintoShadowDOM(1个回答)关闭2年前。我读过的所有内容都表明ShadowDom对于其父页面CSS来说应该是“安全的”。IE。如果我将所有div样式设置为紫色字体:div{color:purple}我的ShadowDom中的div应该具有浏览器默认颜色。我正在编写一个chrome扩展程序,可以将html注入(inject)任何给定页面。除非此html受ShadowDom或Iframe保护,否则它将继承页面的所有CSS。解决这个问题的建议在这个question,是使用ShadowDom。所以我实现了一个解决方案

javascript - 有没有办法将 map 的所有条目设置为一个值

我有一个数组,我想将其用作map的键并将每个值设置为true。除了在我的数组上使用forEach循环来设置每个条目之外,还有其他方法吗?这就是我现在的做法:constlist=[0,1,2,3];constmyMap=newMap();list.forEach(element=>myMap.set(element,true));有没有更好的办法? 最佳答案 一种更简洁、更实用的方法是将列表的map作为参数传递给map:constlist=[0,1,2,3];constmyMap=newMap(list.map(key=>[key,t

javascript - 如何更改 Google Maps API v3 中的 MapTypeid?

当用户点击标记时,我需要将map类型从RoadMap更改为Hybrid(它已经自动缩放并居中)我在Google3.2的API文档中找不到任何关于如何做到这一点的内容。任何帮助将不胜感激! 最佳答案 您需要在您的map上调用setMapTypeId对象:setMapTypeId(mapTypeId:MapTypeId)哪里mapTypeId是混合的。 关于javascript-如何更改GoogleMapsAPIv3中的MapTypeid?,我们在StackOverflow上找到一个类似的问

javascript - 将地理坐标 (lat, lng) 映射到 map (x, y)

我有一些城市的地理坐标(纬度和经度),想要获取x、y坐标以便将它们绘制到map中。map是标准map,就像http://www.wordtravels.com/images/map/Spain/Fuerteventura_map.jpg一样。例如。我尝试了几个我发现的公式,但似乎没有一个真正起作用:(。简单的javascript代码或ruby​​最好:) 最佳答案 有很多方法可以不同程度地解决这个问题。但是,它们都归结为执行与您的map对应的投影。如果您知道您的map是墨卡托投影类型,那么可以将纬度/经度坐标简单地视为X/Y,并进行