草庐IT

瓦片地图

全部标签

javascript - 在信息窗口谷歌地图中调用javascript

我正在尝试在谷歌地图infoWindow()中调用javascript。我知道这是一个经典问题。我在stackoverflow中阅读了很多类似的问题,但我找不到解决方案:(我的代码:RectangleOverlay#map{width:1200px;height:700px;}functioninit(){varmyOptions={center:newgoogle.maps.LatLng(38.122404,23.862591),zoom:3,mapTypeId:google.maps.MapTypeId.ROADMAP};varmap=newgoogle.maps.Map(docu

javascript - 谷歌地图信息窗口的自定义样式(背景)

我正在使用谷歌地图构建map,但遇到了问题。我正在尝试设置当某些用户单击图钉时打开的信息窗口的样式。我的问题是它确实有效,但它在窗口本身的父div上呈现出奇怪的效果(当有人多次单击我的窗口时,窗口显示一个奇怪的白色边框,这是背景的颜色我的div的父亲具有一类gm-style-iw)。我的代码如下:我的脚本:functioninitMap(){varstyledMapType=newgoogle.maps.StyledMapType([{mycustomstyle}]);varmycompany={lat:44.348534,lng:-79.669197};varmap=newgoogl

javascript - ES6 文件上的谷歌地图回调

我正在尝试在ES6文件上添加回调,但找不到它。我收到此错误消息:“initMap不是函数”我的文件是这样的:&callback=initMap">我的js文件是:exportfunctioninitMap(){map=newgoogle.maps.Map(document.getElementById('map'),{center:{lat:-34.397,lng:150.644},zoom:8});fetch('/data/markers.json').then(function(response){returnresponse.json()}).then(plotMarkers);

javascript - 谷歌地图故障 : Closures & Passing By Reference

我遇到了一些Googlemap/Javascript问题。我想我知道问题出在哪里,但就是不知道解决办法。我的问题的一个例子是here.无论您点击什么标记,第二个都会出现。我显然将错误的信息传递到我的事件监听器中,但我似乎无法获得正确的代码。这是代码的一部分:首先,这是我的部分代码:if(GBrowserIsCompatible()&&mapResults!=null){//ReadintheJSONvarmapDetailsArray=loadJSON();//Createamapvarmap=newgoogle.maps.Map2(document.getElementById(el

javascript - 谷歌地图 API : pan to markers from a list.

你好:)请耐心等待,我不是编码员,但我正在尝试边做边学。这是我目前正在处理的页面;http://www.websu.it/devnw/dev/contact.html.我目前使用GoogleMapsAPI设置了一张map,使用了以下javascript:functioninitialize(){varmapOptions={zoom:5,center:newgoogle.maps.LatLng(48.160,-6.832),disableDefaultUI:true,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.

javascript - 谷歌地图错误 - a.lng 不是函数

我计划在我的一个应用程序中使用谷歌地图“containsLocation()”API。文档链接是-https://goo.gl/4BFHCz我正在使用相同的示例。这是我的代码。Polygonarrayshtml,body{height:100%;margin:0;padding:0;}#map{height:100%;}//ThisexamplerequirestheGeometrylibrary.Includethelibraries=geometry//parameterwhenyoufirstloadtheAPI.Forexample://functioninitMap(){va

javascript - 谷歌地图最佳实践?

我们开始在我们的网络应用程序中相当广泛地使用Googlemap。一开始它运行良好,但随着我们添加更多标记,我们发现性能不尽如人意。尽管我很确定我们没有以最有效的方式使用它。我正在寻找有关Googlemap最佳实践和技巧的信息。有什么建议吗? 最佳答案 您可能会在thisarticle中找到一些好主意,它比较了处理大量标记的几种方法。标记管理器有一些限制,具体取决于您要完成的任务;例如,它不允许每个标记在每个缩放级别都可用。我根据thistutorial中讨论的原则创建了一个聚类函数。.它使用PHP中的静态mapAPI,但您可以根据需

javascript - 掌握 Meteor 中的外部脚本加载顺序(谷歌地图)

我尝试将谷歌地图(外部加载的脚本)添加到meteor应用程序,但没有成功,我注意到有两种问题:如果我做简单的事情并将主要的API脚本添加到我的,然后它被呈现为last。发生这种情况时,我必须在模板的中再次插入任何依赖API的脚本。-在主要API脚本之后。(否则脚本会提示他们看不到APIblabla..)然后真正的函数调用时间到了——现在把它放在里面剩下的就不行了。您需要使用Template.MyTemplate.rendered。基本上我的问题是:处理这类事情最干净的方法是什么?我是否可以使用其他一些变量/方法来确保我的Google主API文件首先在我的HTML中被调用?

javascript - gMarker.key 未定义,它是必需的!! Angular 和谷歌地图应用程序中的错误

我有一个应用程序,我试图在Angular应用程序上实现谷歌地图,以在用户选择地点时显示坐标在map上的位置。当我尝试加载此应用程序时出现错误。HTML工作正常,但谷歌地图没有显示在我的应用程序上。可以在以下位置查看:http://creative.coventry.ac.uk/~4078078/Map/gMarker.keyundefinedanditisREQUIRED!!代码如下:HTML:zoom我已经提供了头文件,因为之前的文件有错误。我该如何解决这个错误? 最佳答案 我相信您在marker指令中缺少idkey参数。这是1.

javascript - 谷歌地图 API 发生变化?

我使用谷歌地图、开放图层和dojo工具包为网络应用程序构建了一个map组件。它加载了谷歌地图并绘制了数据点。直到今天早上一切都很好,但突然map停止加载。没有JavaScript错误,打开图层和谷歌仍在初始化,数据点仍在各自的位置绘制,但map未加载。以下是我正在使用的资源:我刚刚尝试了谷歌提供的“HelloWorld”示例(在下面找到)并注意到它有效。https://developers.google.com/maps/documentation/javascript/tutorial我注意到该示例需要使用APIkey。我尝试将我的APIkey放入上面使用的资源中,但无济于事。我还尝