草庐IT

MAP_SHARED

全部标签

javascript - 如何使用 angular ng-repeat 遍历 javascript Map

我正在开发一个Angualr应用程序,我们有一个Map对象(如下所示)。map对象(headerObj)的键和值来自用户作为应用的输入,varheaderObj=newMap();headerObj.set(key,value);我正在使用foreach遍历它们,如下所示,输出符合预期$scope.inputHeaders.forEach(function(headerkey,headervalue){console.log(headerkey,headervalue;});但是我必须在UI中显示这个map值,用户可以再次编辑,所以我绑定(bind)了它们{{key}}:{{value

javascript - Google Map API 需要更深的缩放

我们正在GoogleMap上开发一个GIS应用程序(使用GoogleMapAPIv3),但是由于一些map对象很小(低至约1米),因此该应用程序需要用户放大近距离,并且需要图形编辑。将GoogleMapAPI中的缩放范围扩展到可能缩放级别30的最佳方法是什么?当Google的tileserver达到极限时,我们能否实现一个“接管”的tile服务器?或者让GoogleMapAPI仅使用图形放大来实现超出其数据范围的缩放级别?还有其他可能的方法吗?这个问题在使用Hybrit或卫星map时尤其麻烦,因为它们的缩放级别更浅(在我们的位置上似乎约为18)。下图显示了最深的缩放以及它是如何不够的:

javascript - 如何将新的 Google map 共享链接转换为 iframe 嵌入 html?

在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......

javascript - 无法嵌入 "new look"Google map

为客户构建网站时,我需要定期嵌入GMaps。为此,我使用maplace.js。一切都很好,但我注意到了一些奇怪的事情。我在我的Google帐户上启用了googlemap的新“外观”,现在它看起来非常漂亮干净:在这里,我可以生成一个iFrame,用于在我的网站上手动嵌入GMap,保持新的、干净的外观和相当方便的“获取方向”覆盖:但是,当使用maplace.js(因此,实际上是mapAPI)时,我仍然得到旧的外观,并且没有漂亮干净的控件:我四处寻找一种方法来使想法看起来与Google生成的框架中的想法相同,但没有成功。这些是我用来完成事情的包含:这是应用于map的CSS:#gmap{hei

javascript - 在 D3 map 上显示工具提示

我使用D3和countriesgeojson创建了一个基本map.这是demo.现在,当用户点击map上的任何坐标时,我会在工具提示中显示天气信息,并以天气图标作为标记。countries=countriesGroup.selectAll("path").data(json.features).enter().append("path").attr("d",path).attr("id",function(d,i){return"country"+d.properties.iso_a3;}).attr("class","country")//addamouseoveractiontos

javascript - 如何在不重新创建 map 的情况下使用 Knockout.js 切换 KML 图层?

我已经创建了一个Knockout绑定(bind),以便能够使用Googlemap切换KML层,但该解决方案似乎有点慢且“闪烁”。如何避免在每次切换时重新创建map和图层?可以找到正在运行的演示herevarViewModel=function(){varself=this;self.mapOptions={center:newgoogle.maps.LatLng(60.390791,5.306396),zoom:2};self.levels=[{text:"Type1",countries:ko.observableArray(['https://dl.dropbox.com/u/28

javascript - Google map 信息窗口提示闪烁

在左右两个标记上快速移动鼠标时,标记信息窗口的白色底部提示会出现在map的左上角。在此处查看实际效果http://jsfiddle.net/WGy4g/3/varmap=null;initialize();functioninitialize(){varmapOptions={center:newgoogle.maps.LatLng(-34.397,150.644),zoom:8};map=newgoogle.maps.Map(document.getElementById("map-canvas"),mapOptions);addMarker(-34.397,150.644);add

javascript - Node.js 中的 Google map 几何库

我在将GoogleMapsAPI集成到Node.js时遇到了很多麻烦。我目前正在使用node-googlemaps图书馆。但是,我似乎无法在此API中专门使用Googlemap几何库。到目前为止,我已经获得了可用的路线API。我想根据方向响应的结果构造一条折线,然后查看折线是否包含坐标。我想几何API不是100%必需的,但我知道如果我能通过Node让它工作的话它会起作用。谢谢! 最佳答案 spherical-geometry-js库移植了GoogleMaps几何API,因此您可以在代码中将其与node-googlemaps一起使用。

javascript - react native map : center marker onPress before Callout is displayed

当用户按下标记时,我调用animateToCoordinate使标记居中于屏幕中间。问题是标注在animateToCoordinate完成其动画之前呈现到区域的位置,因此标注显示在屏幕外。无论如何要延迟标注显示直到animateToRegion完成?还是有另一种我没有看到的完全解决这个问题的方法?{_mapView=mapView;}}style={styles.map}region={this.state.mapRegion}showsUserLocation={true}showsMyLocationButton={true}followUserLocation={true}onR

javascript - 在 Google map 上叠加 HTML

有没有办法使用GoogleMapsAPI在Googlemap的顶部添加HTML内容?我想添加一个包含其他HTML内容的div。附言不想操纵Google信息窗口。 最佳答案 您可以使用这个不错的库。http://blog.mridey.com/2011/05/label-overlay-example-for-google-maps.html通过一些调整,它可以用来添加任何你想要的内容。这是将其添加为叠加层而不是InfoWindow的方式。 关于javascript-在Googlemap上