草庐IT

MAPS_RECEIVE

全部标签

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 - 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 - AngularJS:通过选项卡中的 Google Maps API v3 进行映射

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

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

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

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