jjzjj

javascript - 使用 Google Maps API 绘制 map 路径/航路点并播放路线

我正在尝试在播放映射路线时绘制已访问的路径,如以下示例所示:加载map时,我希望绘制的点A、B、C、D、E和F一个接一个地连接起来。我已经成功地绘制了这些点,但是我不能一个接一个地动态链接这些点。这是我的代码:varmarkers=[{"title":'Alibaug',"lat":'12.97721863',"lng":'80.22206879',"description":'AlibaugisacoastaltownandamunicipalcouncilinRaigadDistrictintheKonkanregionofMaharashtra,India.'},{"title"

javascript - Google places api 返回重复的地方

我正在LatLngBounds数组中按关键字搜索地点。varboundsarr=newArray();boundsarr[0]=newgoogle.maps.LatLngBounds(newgoogle.maps.LatLng(25.941886953491675,-80.17411103748543),newgoogle.maps.LatLng(25.947676224813897,-80.16767330177947));boundsarr[1]=newgoogle.maps.LatLngBounds(newgoogle.maps.LatLng(25.941886953491675

javascript - Google Maps Geocoding API,其 JS api 中缺少 API 的功能(?)

问题很简单,在GeocodingAPI的文档中他们说存在组件过滤。(来源:https://developers.google.com/maps/documentation/geocoding/)但是,如果我查看JS文档(https://developers.google.com/maps/documentation/javascript/geocoding),它似乎没有实现。不过我确实记得google以前曾经实现过一些功能,但没有写在他们的API中,所以我想知道是否有人知道如何使用GoogleMapsGeocodingAPI实现组件过滤?谢谢! 最佳答案

javascript - Leaflet.js 和 JSON 数据 : optimization and performance

我目前正在使用Javascript进行我的第一次真正的郊游,以构建我们客户数据的交互式map。到目前为止,我已经掌握了基础知识,但是当我开始使用标记超过500个poi或使用圆形标记超过10,000个时,性能开始下降....如果有人可以就如何优化我的内容提供一些建议'我已经有了,或者也许我最好转移到像mongo这样的合适的数据库来获取json数据,或者用NodeJs做服务器端的工作?任何建议将不胜感激:)varapiKey='BC9A493B41014CAABB98F0471D759707',styleID='108219';//styleID='997';//varmap=L.map(

javascript - 谷歌地图自动完成边界不起作用

我想在Googlemap服务上使用自动完成边界。但不工作。//----autocompletestartvarinput=(document.getElementById('searchPlace'));vardefaultBounds=newgoogle.maps.LatLngBounds(newgoogle.maps.LatLng(40.518,29.215),newgoogle.maps.LatLng(41.242,30.370));varoptions={bounds:defaultBounds,componentRestrictions:{country:'XX'},};va

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 - 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/吗并告诉我我错过了什么?谢谢。