草庐IT

map_region

全部标签

javascript - VueJS : Google Maps loads before data is ready - how to make it wait?(Nuxt)

这是我的第一个VueJS项目,我已经启动并运行了vue2-google-maps,但是当我尝试将map标记连接到我网站的JSON提要时遇到了一个问题(使用WordpressRESTAPI),Lat和Lng值返回undefined或NaN。经过进一步调查(感谢下面的@QuỳnhNguyễn),似乎在数据准备好之前运行了Googlemap实例。我曾尝试在初始化map之前观察要加载的提要,但它似乎不起作用。标记位置使用JSON从WordPressRESTAPI提取并存在于数组(位置)中。该数组存在并填充在VueDevTools(51条记录)中,但在检查mounted时,该数组为空。数据是在c

javascript - 将监听器动态添加到 Google map 标记

我正在处理一个页面,该页面使用JavascripthttpObject获取代码并使用它来更新页面上的两个元素-谷歌地图和列出标记指向的内容的DIV。那位工作正常。问题是,当我创建标记时,我通过for循环来创建标记,并在每个循环中将监听器添加到标记。然后,当我测试页面时,我发现每个标记都会发生同样的事情。将鼠标悬停在标记上应该会更改DIV相应位的边框颜色。相反,每个标记都会更改最后一位的边界。似乎每次我添加监听器时,我也会覆盖之前添加的标记的监听器。我知道这是因为GoogleMapsAPI保留了标记的身份,即使您在Javascript中创建新标记也是如此。我不明白如何绕过它-我尝试在循环

javascript - 在浏览器打印上居中 Google map (V3)

我将map设置为页面宽度的100%。map有一个标记,并以该标记为中心。当我打印浏览器时,我希望map保持在标记的中心。这是我为此编写的代码:varlastPos=map.getCenter();google.maps.event.addListener(map,"idle",function(){lastPos=map.getCenter();console.log(lastPos.toString());});google.maps.event.addDomListener(window,"resize",function(){google.maps.event.trigger(m

javascript - Google Maps Marker Cluster示例

我正在寻找一个googlemapsmarker集群apiv3的基本示例。我已经看过这个例子了,但是我做不好。请帮我举一个用这些数据绘制集群的例子:varmacDoList=[{lat:49.00408,lng:2.56228,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"}},{lat:49.00308,lng:2.56219,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"}},{lat:48.93675,lng:2.35237,data:{drive:false,z

javascript - 如何将原型(prototype)上定义的方法作为回调传递给 Array.map

我有一个数组vararr=['A','b','c'];我想trim数组中每个元素的空格。这可以通过使用Array.map来完成作为arr.map(function(el){returnel.trim();});我很好奇将trim/toLowerCase函数作为回调函数直接传递给map,例如arr.map(Math.max.apply.bind(Math.max,null));从每个子数组或arr.map(Number);中获取最大元素将每个元素转换为数字。我试过了arr.map(String.prototype.trim.apply);但是报错UncaughtTypeError:Fun

javascript - 在 D3 v4 中使用 zoom.translateExtent 限制 map 平移

我正在尝试显示单个州的map,缩放和平移限制在州的边界内。它主要工作,除了状态路径缩放以适应较小容器时的平移约束。我认为这归结为我不理解用于zoom.translateExtent的参数(尽管我对此很陌生,所以它可能是其他东西)。Liveexampleonbl.ocks.org,withlinkstopriorart.值得注意的是,我为d3.geoPath使用了空投影,因为我使用ogr2ogr为每个州生成了投影坐标中的shapefile。这就是我使用缩放变换使map适合其容器的原因。 最佳答案 @McGiogen的解决方案几乎是正确

javascript - $(...)..map(...).reduce 不是函数

我正在尝试使用map&reduce计算页面中几个元素的高度总和。出于未知原因,这引发了以下异常:VM52933:2UncaughtTypeError:$(...).map(...).reduceisnotafunction(…)$('.items').map((index,slide)=>$(slide).height()).reduce((prev,next)=>prev+next,0).map返回一个有效的数组:[48,48,48,75,48]如果我单独制作map([48,48,48,75,48].reduce(...))它会起作用。我在这里做错了什么?

javascript - 无法从 map 中删除所有图层

我有一个大型map应用程序,因此为了具有代表性,我将不得不提供一小段代码。所以,这就是我尝试从map中删除所有图层的方法:map.getLayers().forEach(function(layer){map.removeLayer(layer);});//map.getOverlays().clear();而且我有一些随机行为-有时所有层都被移除,有时则没有。这是完全随机的,因此无法保证您一定能够重现此问题。因此,我可能只从概念上知道它为什么会发生就足够了。解决方案这显然是一个ol3错误,因为如果我循环并删除两次,它就会开始工作:map.getLayers().forEach(fun

javascript - Google Maps API 加载失败 ("' google' is undefined") in IE8

当我加载http://maps.google.com/maps/api/js?sensor=false时在脚本标签中,我在Chrome、Safari、Firefox和IE9中一切正常。但是,当我在兼容模式中查看IE9(或者,有人告诉我,在IE8中)时,map不会加载并且“'google'未定义”"记录在控制台中。这是相关代码,触发错误的行用注释标识:TestMapvarlat=37.763154;varlon=-122.457941;varinitialZoom=17;varmapTypeId='CustomMap';varmapStyle=[{featureType:"landsca

javascript - 获取 JSON 格式的 Google Map KML 数据

有没有办法获取附加到此GoogleMap的KML文件?使用JSON格式而不是XML?:我目前正在编写一个需要加载此KML数据的应用程序。我希望它是JSON格式。有没有办法以这种格式获取它? 最佳答案 由于KML只是XML的一种,您可以使用任何XML到JSON的转换器,其中有很多。这是一个已经存在了几年的:http://www.thomasfrank.se/xml_to_json.html 关于javascript-获取JSON格式的GoogleMapKML数据,我们在StackOverf