草庐IT

item_catalog_map

全部标签

javascript - openlayers、decarta 和 google maps 之间的性能差异

我们最近一直在将我们公司的map系统从Googlemap过渡到deCarta,然后再过渡到OpenLayers。我们发现,当许多元素(数千个)被添加到map(点击时带有气泡的图钉)时,OpenLayers和deCarta明显比谷歌地图慢。谷歌有标记管理器,它似乎使它更快,但我无法弄清楚它是如何减少内存使用量或使它表现得更好的任何东西。这让我抓狂,因为我们对OL和deCarta做的事情与我们对Google做的一样,而其他人的速度太慢了。有没有人有使用这些系统的经验?我知道Google是map技术领域的巨人,因此向该系统投入了大量资金,因此速度更快也就不足为奇了。如果可能的话,我只想知道怎

javascript - 如何在使用 Google Maps for JS 的代码上编写单元测试

我正在编写一些旨在在浏览器(客户端,而不是服务器端)中运行的JavaScript模块。此模块正在使用GoogleMapsJavaScriptAPI.我想通过单元测试来覆盖我的代码。我还希望隔离我的测试。我找到了severalvcr-喜欢JSlibraries用于记录和模拟GoogleMapsApi生成的HTTP请求。但它们都是针对Node.JS的(因为PhantomJSdoesn'tsupportusingfsmodule)。此外,Node.JS具有比PhantomJS更丰富和可读的回溯。所以我想知道如何使用基于Node.JS的测试运行程序将GoogleMapsJavascriptAP

javascript - 使用 google maps api 3 和 js 创建样式器

所以,我想在我的map上创建我自己的样式器。例如,假设我想在国家/地区的范围内放一些花(或其他东西),我该怎么做?我使用谷歌地图的样式器,但有一个限制:我们可以使用谷歌提供的不同样式器(不透明度、颜色......)。如何创建自己的造型器?我的map使用样式器,就像您可以找到的样式器一样here在谷歌开发者网站上。文档没有描述我的问题,我试图在一些网站上找到一些其他方法,比如堆栈溢出,但没有成功。为了简化示例,我将在示例中使用文档的map。所以,这是我的代码:StyledMapTypes/*Alwayssetthemapheightexplicitlytodefinethesizeoft

javascript - Vue.js + Vuex : How to mutate nested item state?

假设我有以下树:[{name:'asd',is_whatever:true,children:[{name:'asd',is_whatever:false,children:[],},],},],树通过Vuex存储在键“树”下的模块中,并使用以下称为“递归项”的递归组件循环:{{item.name}}onoff现在我想切换项目的属性'is_whatever',所以我附加了一个监听器onoff当我点击它时,它可以工作,但会发出以下信号"Error:[vuex]Donotmutatevuexstorestateoutsidemutationhandlers."[vuex]Donotmuta

javascript - 扩展 Google Maps API v3 类的最佳方式

可以扩展GoogleMapsAPIv3中的许多类,特别是google.maps.MVCObject和google.maps.OverlayView.在一些例子中,他们会在回调函数initMap中扩展一个类。我的应用程序比那些示例更健壮,并且不希望在回调函数中定义一堆类。(A)的解决方案是在我自己的脚本之前包含GoogleMapsAPI并且不包含回调函数吗?或者(B)我是否只在回调函数中定义所有内容?或者(C)一些其他方法。选项A选项BinitMap在main.js中,看起来像这样:functioninitMap(){classAlphaextendsgoogle.maps.MVCObj

javascript - Google map 在 div 中时不起作用

我正在尝试使用GoogleMapsAPI,而要包含map的div只有在不在另一个div中时才有效。我用两个map创建了一个小示例代码,第一个有效,第二个无效。如果我删除这段代码的文档类型,两者都有效。有什么想法吗?html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:50%}#map_canvas2{height:50%}Mapfunctioninitialize(){varlatlng=newgoogle.maps.LatLng(20,20);varmyOptions={zoom:8,c

javascript - list.item(0) 与 list[0]

document.getElementsByTagName('a').item(0)和document.getElementsByTagName('a')[0]将返回相同的结果...前者比后者快吗? 最佳答案 自制性能测试:http://jsfiddle.net/438jh/2/差异似乎可以忽略不计。在大多数情况下,第二种方法执行得更好,但如果您查看循环执行的频率,它并不重要。Chrome:方法:~260ms方法:~170ms 关于javascript-list.item(0)与list

javascript - Ember.js 休息适配器 : mapping JSON with no root (. NET Web API)

我有一个使用.NETWebAPI编写的现有服务。例如,此服务以下列格式返回JSON:[{"id":1,"name":"John"},{"id":2,"name":"Jane"}]但是,根据Ember.jsRestAdapterdocumentation,Ember需要以下格式的JSON:{"persons":[{"id":1,"name":"John"},{"id":2,"name":"Jane"}]}因此,Ember返回以下错误:您的服务器返回了一个带有键0的散列,但您没有它的映射我绝不打算更改我的服务API及其返回数据的方式。是否可以让Ember.js(最新版本)处理我的服务返回的

javascript - 在没有 map 的情况下使用 Google Places API 库 - javascript

我需要从特定坐标获取100米半径内最近的机构。我找到了GooglePlacesAPI示例代码,但我没有在我的应用程序中使用map,因为该结果将呈现在列表中。这是API代码:varmap;varinfowindow;functioninitialize(){varpyrmont=newgoogle.maps.LatLng(-33.8665433,151.1956316);map=newgoogle.maps.Map(document.getElementById('map-canvas'),{center:pyrmont,zoom:15});varrequest={location:py

JavaScript 函数参数 : positional -> map transition

我正在寻找一个vanillaJavaScript解决方案。假设我有一个带有以下header的函数:generateEmail(firstName,lastname,provider)我需要像这样运行它:generateEmail("John","Smith","gmail.com");我希望能够使用参数映射而不是位置参数来调用它,即generateEmail({"firstName":"John","lastname":"Smith","provider":"gmail.com"});我正在寻找一个已经编写好的解决方案来用JavaScript执行此操作,因为我有无限数量的函数要处理,例