草庐IT

map_region

全部标签

javascript - 如何将自定义库事件(即 Google map 事件)转换为 RxJS 中的 Observable 流?

我想从Googlemap事件创建一个RxJS可观察流。我知道如何从native浏览器事件中执行此操作,如下所示:varresult=document.getElementById('result');varsource=Rx.Observable.fromEvent(document,'mousemove');varsubscription=source.subscribe(function(e){result.innerHTML=e.clientX+','+e.clientY;});mousemove是一个浏览器事件,这使我相信.fromEvent()将mousemove识别为硬编码

javascript - `new Array(5).map()` 是如何工作的?

这个问题在这里已经有了答案:JavaScript"newArray(n)"and"Array.prototype.map"weirdness(14个答案)WhydoesArray.apply(null,[args])actinconsistentlywhendealingwithsparsearrays?(2个答案)DifferencebetweenArray.apply(null,Array(x))andArray(x)(5个答案)关闭5年前。我最近发现映射一个未初始化的数组似乎并不像我预期的那样有效。使用此代码:functionhelloMap(value,index){retur

javascript - 使用 Json 向 Google map 添加标记 |应用程序接口(interface)

我正在尝试使用来自Json响应的数据在谷歌地图上绘制标记。我一整天都在StackOverflow中搜索答案,但没有找到适合我的解决方案。我猜这与我提取纬度和经度的方式有关,但我无法确定。下面是我的代码和Json,Json来自API。我的代码哪里出错了?脚本functioninitialize(){varmyOptions={zoom:4,center:newgoogle.maps.LatLng(34.397,150.644),mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.Map(document.getEleme

javascript - map 如何与 Backbone 集合一起使用?

目标:我正在尝试创建一个不区分大小写的搜索,它遍历我的集合并尝试将用户查询与模型的名称属性相匹配。现在,如果我想查找特定型号,搜索查询必须准确无误。似乎没有简单的方法可以在Backbone中做如此简单的事情,而不是开箱即用。我想到了map函数。如果我可以遍历整个集合并将模型的名称属性更改为小写,然后将用户查询也更改为小写,瞧!但问题是我不知道如何使用BackboneCollection和map函数。Backbone文档中没有关于map的文档,只有一个链接可以引导您使用包含三个数字的数组的super原始示例代码来强调文档。这不起作用...为什么?this.collection.map(f

javascript - 如何以编程方式输入搜索字符串并触发 Google Maps API 的 places_changed?

所以我有一个带有位置输入的搜索页面。如果用户来自另一个带有搜索查询的页面,我想以编程方式将此查询输入到输入中并触发位置更改。这是我目前所拥有的:varsearchBox=newgoogle.maps.places.SearchBox(input);$('input#location').val(searchQuery);google.maps.event.trigger(searchBox,'places_changed');但是,对于我的places_changed函数的这一行,这给了我错误Cannotreadproperty'length'ofundefined:varplaces

javascript - 如何在 react-google-maps 中添加标记?

在Meteor1.5中使用ReactJS问题:需要一种方法来添加标记使用react-google-maps使用ES6和JSX格式按照文档进行操作并能够嵌入map,但无法添加标记。这是我的代码:constInitialMap=withGoogleMap(props=>{varindex=this.marker.index||[];return(props.onMarkerClick(marker)}/>)});exportdefaultclassMapContainerextendsComponent{constructor(props){this.state={markers:[{po

javascript - 如何使用 meteor 自动更新传单 map 上的标记

对于一个学校项目,我们有制作地理空间标签游戏的想法。你登录我们的应用程序,你的位置就会显示在map上,每当你靠近另一个玩家时,你就会标记那个人。(像child标签,但带有meteor)我们遇到的问题是,我们似乎无法自动更新传单map上的标记。有一个标记显示它只是没有更新。我们曾尝试过使用Player.update,但它不起作用。有什么建议吗?代码if(Meteor.isClient){varuserLatitude;varuserLongitude;varmap;Template.map.rendered=function(){//Setupmapmap=newL.map('map',

javascript - Google Maps API data.setStyle 不在 map 上显示图标

我正在尝试使用GoogleMapsJSAPI创建一个小应用程序。我正在使用数据层从GeoJSON文件加载一堆点。该文件似乎正在正确加载,map正在显示,但在map.data.setstyle()中设置的图标不会显示...下面是我的HTML、CSS和JS。我已经看了2天了,但我不知道出了什么问题。提前致谢!HTMLCSShtml{height:100%}body{height:100%;margin:0;padding:0}#map-canvas{height:100%}JS$(document).ready(function(){varmap;functioninitialize(){

javascript - Google Maps API 3 上的天气雷达循环

我正在尝试在谷歌地图上实现循环雷达动画。本站:http://mesonet.agron.iastate.edu/ogc/提供从当前时间到60分钟前的雷达图像。目前,我正在加载这些图像并使用计时器将每个图像添加/删除到map。这在技术上可行,但结果非常不稳定。有一段时间map上没有可见的雷达图像。降低超时时间只会使效果变差,因为雷达图像在被移除之前没有足够的时间加载。有没有什么技巧可以让动画变得平滑?还是我做错了?代码varmap;varimageArray=[];functioninitialize(){varmapOptions={zoom:5,center:newgoogle.ma

javascript - amMap USA map 中的纬度/经度坐标不正确

我正在使用usaLow.jsmap构建map。在mapinit上,我调用了一个返回此数据的json方法:[{latitude:"40.4258686",longitude:"-86.9080655"}]我将这些数据添加到map的数据提供程序(mapData)中:mapData.images=[];for(vari=0;i这个位置应该在印第安纳州,但这是我看到标记的地方:不使用世界地图时是否需要转换纬度/经度坐标?如果可以,该怎么做?编辑:修复了JSON字符串拼写错误 最佳答案 您似乎使用的是未校准的美国map。(usaLow.js)