草庐IT

OpenLayers-Map

全部标签

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

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

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 - 从 Openlayers 3 视口(viewport)获取所有功能

我正在尝试找出Openlayers3图层上所有可见的(视口(viewport))特征。如果我向map添加一个点击事件,我就能够找到一个单一的特征,如下所示。但是我无法找到视口(viewport)中可见的所有功能。有人可以帮忙吗?map.on('click',function(evt){varfeature=map.forEachFeatureAtPixel(evt.pixel,function(feature,layer){returnfeature;});}); 最佳答案 我建议您首先了解View的范围:varextent=you

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 - 将地理坐标 (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,并进行

javascript - Openlayers 和捕获拖动事件

我正在使用OpenLayers,我需要能够区分map何时被我自己的脚本或用户移动。是的,我知道我可以使用moveend。但它也会在同一脚本根据来自ajax调用的传入数据移动或重新定位map时触发。所以moveend或其他map事件将不起作用。我做了一些谷歌搜索并找到了OpenLayers.Hander.Drag。但我用它所做的一切就是阻止用户拖动map。我的脚本:this.dragger=newOpenLayers.Handler.Drag('',{'dragStart':function(evt){this.userdragged=true;console.log('drag');}

javascript - 如何缩放 bing map 以显示一组纬度/经度点?

我正在使用BingMapsv7控件。我有一组纬度/经度点。(类型Microsoft.Map.Location)从那个数组,我可以生成一个矩形,以及矩形的中心,使用LocationRect.fromLocations()使用Map构造函数创建map时,我可以使用该矩形的中心使map居中。它看起来像这样:varLLA=[newMicrosoft.Maps.Location(43.386,-111.6123),newMicrosoft.Maps.Location(43.4929,-112.0349),newMicrosoft.Maps.Location(43.2609,-115.7811),

javascript - 为什么我的 map 在我的 jQuery Mobile/Google Maps API3 应用程序中居中?

我的jQueryMobile网络应用程序中有一张由GoogleMapsJavascriptAPI3提供支持的map。我添加了一个带有黑色边框的圆圈。如果您直接使用map转到我的应用程序的这个页面,map会正确地居中在圆的中心。http://goo.gl/XvLST如果您先转到我的应用程序的主页(http://goo.gl/0IWgE),然后单击进入带有map的页面,则map是居中错误(map应以圆心为中心)。缺失整个灰色区域。为什么当我从我的主页点击带有map的页面时,map会出错,但如果我直接访问带有map的页面,map会正常工作?我不能使用Ajax加载带有data-ajax='fa