草庐IT

OpenLayers-Map

全部标签

javascript - 模拟点击传单 map 项目

有传单Choroplethtutorial我必须模拟特定map区域上的点击事件。例如:我必须有一个类似clickOnMapItem(itemId)的函数,它会点击由以下代码定义的map区域{"type":"Feature","id":"05","properties":{"name":"Arkansas","density":56.43},"geometry":{"type":"Polygon","coordinates":[...}其中"id":"05"是我需要点击的id我的其余代码与示例中的代码相同:状态数据.js:varstatesData={"type":"FeatureCol

javascript - map 略微移动或单击后才会显示标记

我的(删减)代码如下。在我单击或稍微移动map之前,我的标记不会显示...是否有任何方法可以解决这个问题,以便它们立即显示?TSF-LabourPlanfunctioninitialize(){varcenterlatlng=newgoogle.maps.LatLng(53.644638,-2.526855);varmyOptions={zoom:6,center:centerlatlng,mapTypeId:google.maps.MapTypeId.ROADMAP};varmap=newgoogle.maps.Map(document.getElementById("map_can

javascript - IE11 中的 Array.map() 错误

我有这个代码:varlabelsPrint=newArray();varvector=labelsPrint.map((el)=>el.id);IE11给我一个错误,因为丢失了数据。您知道制作此.map的其他方法吗? 最佳答案 IE11有ES5,没有ES6varvector=labelsPrint.map(function(el){returnel.id;}); 关于javascript-IE11中的Array.map()错误,我们在StackOverflow上找到一个类似的问题:

javascript - Openlayers/Openstreetmap 背景是垂直条纹和压扁的

因此,我的openlayers实现的背景似乎被压成垂直条纹。奇怪的是,它并不总是这样,但即使我将所有更改存储回我知道它正在工作的地方,它仍然是坏的。这让我想知道瓷砖Assets的交付方式是否发生了变化。我已经尝试在使用osm和wms层之间切换而没有任何变化,我们将不胜感激。相关代码如下:initMap:function(){varview=this;varmap=this.map=newOpenLayers.Map();map.render(this.$map[0]);varwmsLayer=newOpenLayers.Layer.WMS("OpenLayersWMS","http:/

javascript - 了解弱 map

ECMAScript6引入了弱映射,在Node.JSv0.11.3中通过--harmony标志可用。请考虑以下事项。letweakMap=WeakMap();letkey=[];letrubbish='fishcans';weakMap.set(key,rubbish);rubbish='emptybottle';//Prints"fishcans"console.log(weakMap.get(key));我的印象是,对于弱映射,从键到值的引用弱,所以如果对值的唯一引用是键,那么值就不能不再被访问。那么为什么值'fishcans'仍然可以访问并且没有被垃圾收集?变量rubbish不再

javascript - 在 Google 的 map API 上重新加载标记

这是我的代码(大部分代码来自Google的API页面)。varbeaches=[['BondiBeach',-12.890542,120.274856,4],['CoogeeBeach',-12.923036,520.259052,5],['CronullaBeach',-12.028249,1221.157507,3],['ManlyBeach',-12.80010128657071,1121.28747820854187,2],['MaroubraBeach',-33.950198,121.259302,1]];functionsetMarkers(map,locations){f

javascript - Google map 中未显示 InfoWindow 关闭图标

我使用此代码创建标记和点击标记后显示的信息窗口://latLngandmaparecreatedearlierincodevarmarker=newgoogle.maps.Marker({position:latLng,map:map});//contentStringisjustastringwithcontentalsocreatedearliergoogle.maps.event.addListener(marker,'click',function(){infowindow.setContent(contentString);infowindow.open(map,marker

javascript - 在 Redux 架构中集成 React 和 OpenLayers

我们公司目前正在开发一种新的网络map解决方案。到目前为止,我们决定使用React构建应用程序和OpenLayers4.因为我们要使用Redux我们架构的模式将有一个保存应用程序状态的redux存储。这个栈我们面临的问题如下:map是我们应用程序的核心元素,它的实例需要传递给许多不同的组件。例如,在map上绘制要素的工具需要引用map实例,以便它可以将自己作为交互工具添加到其中。我们讨论了如何构建我们的应用程序以集成OpenLayers与React以最可靠的方式并最终采用两种不同的方法:我们讨论的第一种方法是在应用程序范围的redux存储中保存对map对象的引用,这样它就可以通过@co

javascript - 我需要获取有关动态 Google map 的数据并使用 API V3 从中创建静态 Google map

我真正想做的是允许用户使用谷歌地图创建map并保存图像。我尝试通过使用googlemapsapiV3和静态mapapi来解决这个问题。用户可以使用动态谷歌地图进行滚动、缩放等操作,找到自己喜欢的map。然后用户应该按下一个按钮,该按钮从谷歌地图(中心、缩放级别等)中提取数据,该按钮将查询发送到静态谷歌地图api。然后静态googlemapapi将返回可以保存的图像。我有这一切工作*除了它并不总是工作。有时,静态谷歌地图返回的图像与用户在动态map中看到的完全一样。其他时候图像可能会偏离几米(我相信这是因为动态googlemapapi使用比静态api更高的经度和纬度精度),甚至数千公里(

javascript - 如何使用 flowtype 和 immutable.js 声明包含某些属性的 Map

给定一个这样创建的网站对象import{Map}from'immutable'constwebsite=newMap({name:'MyWebsite',url:'http://www.myw.fr'})我如何声明一个websiteType,它是一个完全包含给定属性的map。我知道我能做到:declaretypewebsiteType=Map但我想更具体一点,并声明一个映射,该映射必须包含string类型的属性name和url。有可能吗? 最佳答案 希望我答对了你的问题,因为我从未使用过“不可变”的map,因此我将使用es6Map.