草庐IT

cluster_map

全部标签

javascript - AngularJS:通过选项卡中的 Google Maps API v3 进行映射

我正在尝试创建一个带有选项卡的页面(使用AngularJS)。其中一个选项卡中有一张map(GoogleMapsAPIv3)。本地图位于前景的选项卡中时,一切似乎都正常。但是,本地图加载到背景选项卡中并且仅在单击选项卡后才可见时,map会放错位置/被切断,当您尝试使用它进行操作时,它的功能似乎已损坏。我已经搜索了解决方案并找到了这些技巧google.maps.event.trigger(map,'resize');map.setCenter(center);但它不起作用。你能看看http://jsfiddle.net/n4q7Y/5/吗并告诉我我错过了什么?谢谢。

javascript - 为什么我的 map 不在 jQuery 选项卡中呈现?

如果我在默认隐藏的选项卡中渲染map,然后导航到该选项卡(使其可见),则map无法正确渲染。但是当我刷新页面时,map会正确呈现。问题Googlemap的Javascriptvarmap;functioninitialize(){varlatlng=newgoogle.maps.LatLng(serLat,serLang);//-34.397,150.644);varmyOptions={zoom:10,width:1270,center:latlng,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.Map(doc

javascript - google.maps.event.addDomListener(window, 'load' , initialize); 的作用是什么?

我正在尝试使用Googlemap。我找到了这个声明。google.maps.event.addDomListener(window,'load',initialize);该语句的作用是什么? 最佳答案 它向window对象添加一个监听器,一旦触发load事件(即“页面已完成加载”),它就会执行函数初始化。即它会延迟与Googlemap相关的脚本,直到页面加载完成。 关于javascript-google.maps.event.addDomListener(window,'load',in

javascript - 与 Google Maps Javascript API v3 一起使用时的服务使用限制

我试图阐明与GoogleMapsJavascriptAPI一起使用时Googlemap服务(例如地点、路线等)的使用限制。根据officialdocumentationTheJavaScriptMapsAPIV3isafreeservice,availableforanywebsitethatisfreetoconsumers和For-profitwebsitesarepermittedtogenerateupto25 000maploadsperdayusingtheGoogleMapsJavaScriptAPIv3.现在每个Googlemap服务API都有自己的使用限制:Place

javascript - angular-google-maps 在初始 map 加载后运行一次函数

使用angular-google-maps将谷歌地图整合到应用程序中我需要一个在初始map加载完成后运行一次函数的命令-但仅限于初始加载,不是在每次map操作之后我不能使用idle或tilesloaded因为这些在每次移动后都会被触发...我要运行的函数需要获取map边界,以便在初始页面加载时从服务器拉取数据-我希望这在初始加载时发生一次,然后使用刷新成为手动功能map-control-如果我使用idle或tilesloaded要启动它,它会在用户移动map时每次提取服务器数据。有谁知道如何在初始map加载后触发一次关闭命令以获取map详细信息(边界等)?我试过输入maps.getBo

javascript - Google Maps API directionsService.route 不同于 Google Maps Directions

我正在使用GoogleMapsJSAPI搜索附近的地点,即基于我的LatLng的餐馆:varrequest={location:myLocation,rankBy:google.maps.places.RankBy.DISTANCE,types:['bar','cafe','food','liquor_store','lodging','meal_delivery','meal_takeaway','night_club','restaurant'],keyword:['bar','pub']};searchService.nearbySearch(request,callback);

javascript - 使用 google maps api v3 自定义信息窗口框?

我正在尝试在googlemapsapi中使用自定义信息窗口框。如果那不可能,我想至少删除弹出窗口的圆Angular。这可能吗?我试过用InfoWindow({content:""+title+"",boxStyle:{styles}})但是boxStyle什么都不做。 最佳答案 您可以使用GoogleMapsUtilityLibrary中的信息框类.或者您可以编写一个自定义类来覆盖默认样式 关于javascript-使用googlemapsapiv3自定义信息窗口框?,我们在StackO

javascript - Google map v3 信息窗口在 map 视口(viewport)外打开

如果单击map视口(viewport)顶部附近的标记,信息窗口将加载到可视区域之外,并且必须拖动map才能看到信息窗口内容。理想情况下,我不希望map自动平移。有没有办法以不同的方向加载信息窗口,例如如果标记位于视口(viewport)的顶部,则向下显示信息窗口。 最佳答案 不,您不能以不同的方向打开谷歌的默认信息窗口,因为您没有实现自己的信息窗口类。但是您可以禁用自动平移,只需将TRUE传递给InfoWindowOptions对象的disableAutoPan属性,如documentationsaid.

google-maps-api-3 - Javascript 将参数传递给回调或在 DistanceMatrixStatus 中设置变量值

我一直在玩Google的DistanceMatrixService。下面的代码有效,但是,如何将另一个参数传递给回调函数或从回调函数中获取其中一个值?例如:我有两个div,我想在(Results1和Results2)中显示不同的结果,所以我想我需要要么将另一个值传递给GoogleMapDistance函数,例如GoogleMapDistance(YourLatLong,DestLatLong,TheDiv)或者能够在回调外部获取ResultStrdocument.getElementById("Results1").innerHTML=ResultStr;或者将innerHTM设置为函

javascript - map 框/传单上的聚类标记

我正在尝试在mapbox上设置集群map,例如http://leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.388.html但是他们的示例使用普通的.js文件作为数据http://www.mapbox.com/mapbox.js/assets/realworld.388.js我唯一能从mapbox得到的是.geojsonhttp://api.tiles.mapbox.com/v3/thebteam.map-w9jzcznw/markers.geojson有什么方法可以将geojson