草庐IT

Google-Maps

全部标签

javascript - 谷歌地图 : Design Custom Price Marker

我正在开发一个使用ionic的移动应用程序,并且需要在谷歌地图中显示带有价格标记的地点,如下所示:我写了一个非常基本的代码来集成谷歌地图和标记。mapControllercontroller('MapController',function($scope,uiGmapGoogleMapApi,$log,$timeout,$state){$scope.map={center:{latitude:12.9250,longitude:77.5938},zoom:8,window:{show:false}};$scope.options={scrollwheel:false};$scope.m

javascript - 使用 node.js 从 Google Drive 读取二进制文件

我在使用API从云端硬盘获取二进制文件时遇到问题,我一直在兜圈子。这里是相关的代码位://Loadclientsecretsfromalocalfile.fs.readFile('client_secret.json',functionprocessClientSecrets(err,content){if(err){console.log('Errorloadingclientsecretfile:'+err);return;}//Authorizeaclientwiththeloadedcredentials,thencallthe//DriveAPI.oauth.authoriz

javascript - 来自 Google 身份验证提供程序的 Firebase photoURL 返回颜色反转的 jpg

当我通过Firebase对用户进行身份验证时(如下),生成的user包含一个颜色反转的photoURL。单击此jpgurl以查看颜色反转:https://lh3.googleusercontent.com/-JVpfmGGJuO8/AAAAAAAAAAI/AAAAAAAAAME/sMJVq9F8gec/photo.jpg然而,当我将该URL粘贴到StackOverflow的“图像”编辑器按钮时,它在下方显示了未反转的图像:signIn(){varprovider=newfirebase.auth.GoogleAuthProvider();provider.addScope('https

javascript - Google map 上的 Openseamap - 默认添加海洋剖面图层

我正在尝试做一些个人项目,我正在尝试在谷歌地图上添加海洋图层。所以决定使用免费的osm选项。我想在seamark上添加marineprofile和ais图层作为默认图层。到目前为止,谷歌地图上的semarkslayerosm是可以的。如何将其他图层添加为带有seamark图层的默认图层。我不知道如何在map上默认添加额外的图层。提前致谢!Myfiddle和片段:varmap;functioninitMap(){map=newgoogle.maps.Map(document.getElementById('map'),{zoom:9,center:{lat:44.5,lng:13.1},

javascript - 在悬停链接或文本上显示谷歌地图

http://coding.pressbin.com/18/Display-a-Google-Map-when-you-hover-over-location-text/我正在关注本教程,了解如何在文本上显示谷歌地图。是的,它出现了,但出现在错误的地方。看,map显示在页面底部。当我将鼠标悬停在map图像上时,与工作的div相比,div本身没有任何属性。工作代码:我的浏览器里有什么:我对div部分迷路了。请帮忙! 最佳答案 这对我有用:jQueryTestScriptDuquesneUniversityislocatedintheg

javascript - 如何使用 Google map API 一键获取从一个位置到各个位置的距离?

目前该程序正在运行,但由于我在getData()函数中使用的alert()函数,界面很烦人!当我从getData()函数中删除这一行时,整个程序出错了!!我不知道是什么问题?有没有人有更好的主意来做这样的过程?我在这里尝试制作的程序旨在帮助用户找到距离他们当前地址50公里以内的餐厅,我已经收集了各种位置地址并记录在数据库中。initialize()函数在加载HTML主体时调用,在HTML主体的第一行中,餐厅数据将使用PHP从MySQL中提取,PHP会将数据打印到JavaScript数组jsres_add、jsres_id、jsres_name和jsnu,以便我可以在JavaScript

javascript - 谷歌地图去除标签或灰色区域,部分地区除外

您好,我正在使用谷歌地图,我想了解您对以下问题的看法。是否可以在googlemap中隐藏或变灰除其他区域以外的所有区域?如果是,请帮我解决这个问题。我试过了,但直到现在还没有找到任何解决方案。这是我的FIDDLEDEMO在该演示中,我想灰化/隐藏所有没有标记的区域的标签。这是我用来将标记固定在map上的示例代码。JS代码:varinfowindow;varmap;varmyLatLng=[];functioninitialize(){varmapOptions={zoom:3,mapTypeId:google.maps.MapTypeId.ROADMAP}map=newgoogle.m

javascript - 加权标记聚类器

Googlemap有一个很好的功能叫做MarkerClusterer这使您可以将基于网格的聚类应用于标记集合。MarkerClusterer将每个标记计为一个,它将网格中的标记数相加。不同的是,我想为每个标记分配一个权重并在集群中总结这些权重。GoogleMapsAPI可以吗?你知道任何其他提供类似功能的javascript库吗? 最佳答案 它并不像看起来那么复杂。markerclusterer-library提供了覆盖计算器函数的选项(这是将构建集群图标的函数)。将权重存储为标记的属性,例如:newgoogle.maps.Mark

javascript - 如何在加载 google.maps.OverlayView 派生类之前等到 google maps API 加载完毕

我有一个单独的label.js文件,我在其中定义了一个自定义叠加层。它使用google.maps.OverlayView作为其原型(prototype):Label.prototype=newgoogle.maps.OverlayView();我不确定将此js文件的脚本标记放在我的index.html文件中的什么位置。如果我将脚本标签放在谷歌地图加载标签下面,如下所示:....label.js文件立即加载,而mapapi尚未加载导致错误。我目前通过在我的map加载回调中手动加载JS来解决这个问题:functioninitMap(){gMap=newgoogle.maps.Map(doc

javascript - 尝试访问 Youtube Data Api v3 时出现 `Google Maps API warning: NoApiKeys `

我正在学习ModernReduxWithReact教程,并尝试访问YoutubeDataAPIv3,但在Chrome控制台中我收到错误GoogleMapsAPIwarning:NoApiKeys。我不确定为什么会收到Googlemap警告,因为我为Youtube注册了一个APIkey。单击转到凭据。单击“APIkey”。点击“浏览器”。设置名称并点击创建。将API复制并粘贴到JS文件中。importReact,{Component}from'react';import*asReactDOMfrom"react/lib/ReactDOM";importYTSearchfrom'youtu