草庐IT

map_canvas

全部标签

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 - 如何在 Facebook Canvas 框架内捕获滚动事件?

当用户滚动facebook应用程序的Canvasiframe时,我正在尝试捕捉。我试过:$(window).scroll(...)$(document).scroll(...)$(parent).scroll(...)$(parent.document).scroll(...)但它不会触发。 最佳答案 我认为您的意思是在用户滚动主页时​​捕获,而不是iframe,对吗?您不能直接这样做,您必须使用FB.Canvas.getPageInfo,如http://developers.facebook.com/docs/reference/

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)

javascript - 如何通过 JavaScript 动态更改 Canvas 的样式大小?

这个问题在这里已经有了答案:CanvasisstretchedwhenusingCSSbutnormalwith"width"/"height"properties(10个答案)关闭6年前。Canvas的大小(宽高)可以改变,但Canvas的样式大小不能动态改变。canvas=document.getElementById('test_fabric');ctx=this.canvas.getContext('2d');canvas.style.width=1000;//doesnotwork.canvas.style.height=260;//doesnotwork.canvas.wi

rxjs - RxJS 中的 map 和 pluck 有什么区别?

我试图理解map之间的区别和pluckRxJS中的转换运算符。谁能帮我解决这个问题? 最佳答案 文档说Pluck:Likemap,butmeantonlyforpickingoneofthenestedpropertiesofeveryemittedobject.因此,假设你有[{name:'Joe',age:30,job:{title:'Developer',language:'JavaScript'},{name:'Sarah',age:35}]并且您想要一份包含所有职位的列表。使用map会有点痛苦(因为job的可空性),但是使

javascript - 带有 HTML5 Canvas 的 putImageData 的掩码?

我想从现有图像中截取不规则形状的部分,并使用HTML5Canvas在Javascript中将其渲染为新图像。因此,只会复制多边形边界内的数据。我提出的方法涉及:在新Canvas中绘制多边形。使用clip创建mask使用getImageData(矩形)从原始Canvas复制数据使用putImageData将数据应用到新Canvas它没有用,整个矩形(例如来自边界外源的东西)仍然出现。Thisquestion解释原因:“规范说putImageData不会受到裁剪区域的影响。”该死!我还尝试绘制形状,设置context.globalCompositeOperation="source-in"