Tag: 谷歌地图

谷歌地图v3鼠标hover的标志信息窗口

我已经淘到了stackoverflow和其他论坛,包括谷歌地图V3 API文件的答案,但我找不到如何更改事件, 点击 鼠标hover在我正在使用的文件的信息窗口。 我正在从包含融合表层的谷歌图书馆演示。 您放大集群并查看位置的小红色圆圈标记。 你必须点击以显示一个信息窗口。 我希望滚动显示信息窗口。 我的演示在这里: http : //www.pretravelvideo.com/gmap2/ functions.js文件在这里完成大部分工作: http : //www.pretravelvideo.com/gmap2/functions.js

Google街景视图url

您好,我有一个属性的地址,我的应用程序可以启动浏览器去http://maps.google.com?q=searchStringHere 。 如果find了一个好的匹配,它会直接在那里。 有没有什么我可以附加到的url,使其切换到街景没有确切的坐标? 我不想编码任何JavaScript或Flash。

使用infowindows(Google Maps API)添加多个标记

我目前使用下面的代码在Google Map上使用他们的API来放置多个标记。 我遇到的问题是多个infowindows不工作(只显示最后一个)。 SO上有很多像我这样的问题。 其实使这个问题的一大堆:-) 只是一个例子: 尝试将多个InfoWindows绑定到Google Map上的多个标记并失败 我的问题的解决scheme是相当容易的:只需将点击侦听器附加到(匿名)函数。 然而,我不明白的是为什么我的解决scheme不工作(保存数组中的标记和infowindows而不是一个variables)。 var markers = []; var infowindows = []; // add shops or malls for (var key in data.markers) { if (data.markers.hasOwnProperty(key)) { infowindows[key] = new google.maps.InfoWindow({ content: data.markers[key].infowindow }); markers[key] = new google.maps.Marker({ position: new google.maps.LatLng(data.markers[key].location.lat, data.markers[key].location.lng), map: map, flat: true, title: data.markers[key].name, draggable: false […]

Google Maps V3:通过AJAX加载infowindow内容

使用ajax将内容加载到我的infowindow中的最佳方法是什么? 现在我正在使用iframe获得类似的效果,但我并不那么满意。 我认为这将是直接的,但由于某种原因令我困惑。 这就是现在的工作方式: var markers = []; var infowindow = new google.maps.InfoWindow(); $.each(JSON.parse(aulas), function(i, a){ var latlng = new google.maps.LatLng(a.aula.lat, a.aula.lng); var marker = new google.maps.Marker({ position : latlng, title: a.aula.title }); google.maps.event.addListener(marker, 'click', function() { infowindow.close(); infowindow.setContent("<div class='infowindow_content'><iframe src='aulas/show/" + a.aula.id + "'></iframe</div>"); infowindow.open(map, marker); }); markers.push(marker); }); 在infowindow.setContent调用之前,通过ajax抓取内容是很容易的,但是我只想在infowindow打开的时候调用ajax。 有什么想法吗? 顺便说一句:我正在使用jQuery。 正如答案中所build议的,我决定将调用移动到setContent并打开到一个单独的函数。 对于那些有兴趣解决这个问题的代码是: […]

谷歌地方图书馆没有地图

我正在尝试为附近的search请求使用Google地方库: https : //developers.google.com/maps/documentation/javascript/places#place_search_requests 我只是想拉JSON响应,并把它放在一个HTML列表中,我现在想要在地图上显示结果或其他东西。 我根本不想使用地图。 但是在文档中它指出必须有一张地图 service = new google.maps.places.PlacesService(**map**); 以便在PlacesService函数中将其作为parameter passing。 我现在做的是添加一个高度为0的地图,但它仍然消耗大量的内存(我开发一个sencha触摸2应用程序和内存是重要的)。 有没有使用附近的search请求没有地图的任何解决方法? 我不想使用Google Places API,因为它不支持JSONP请求。

从HTMLElement获取google.maps.Map实例

我在页面上有一个现有的地图。 我可以使用沿着document.getElementById()的行select该元素来获取HTMLElement JavaScript对象。 是否有可能获得地图初始化时创build的google.maps.Map的实例,即它是HTMLElement对象的属性还是在其原型中?

使用Google Maps API v3禁用兴趣点信息窗口

我有一个信息气泡和自定义标记的自定义地图。 当我放大景点,如公园和大学出现,当我点击一个信息窗口打开。 如何禁用信息窗口? 我的代码如下: var geocoder; var map; var infoBubble; var dropdown = ""; var gmarkers = []; var hostel_icon = new google.maps.MarkerImage('/resources/hostel_blue_icon.png', new google.maps.Size(28,32), new google.maps.Point(0,0), new google.maps.Point(14,32)); var bar_icon = new google.maps.MarkerImage('/resources/bar_red_icon.png', new google.maps.Size(28,32), new google.maps.Point(0,0), new google.maps.Point(14,32)); var icon_shadow = new google.maps.MarkerImage('/resources/myicon_shadow.png', new google.maps.Size(45,32), new google.maps.Point(0,0), new google.maps.Point(12,32)); var customIcons = { […]

谷歌地图图标与VisualRefresh

如何在使用VisualRefresh设置时使用Google地图的“新”默认图标? 默认图标是: http : //mt.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png&scale=1 以前的地址如下所示: http : //maps.google.com/mapfiles/marker_green.png ,但在同一张地图中使用新旧图标看起来不太好。

如何隐藏或禁用谷歌地图上的谷歌徽标,页脚,版权JavaScript API v3?

我有这个工作,我需要使用谷歌地图API v3,他们给我的devise没有谷歌放在地图的下方的标志/页脚/版权。 那么,我需要让它被禁用或隐藏,因为我被告知无论如何我需要匹配确切的devise。 我不得不强调,通过这样做,我违反了Google服务的使用条款。 9.4归属。 (a)通过本服务向您提供的内容可能包含Google索引的内容的Google,其合作伙伴或其他第三方权利人的商标名称,商标,服务标志,徽标,域名以及其他独特的品牌特征。 当Google提供此归属地名称时,您必须按照服务提供的方式或“地图API文档”中的说明进行展示,并且不得以任何方式删除这些商品名称,商标,服务标记,徽标,域名和其他独特品牌特征。 https://developers.google.com/maps/terms 在我的工作中,他们并不关心这件事,他们总是让我去做,所以我就是这样做的。 在CSS中,我添加了以下几行代码: #map-report div.gmnoprint, #map-report div.gmnoscreen { display: none; } img[src="http://maps.gstatic.com/mapfiles/google_white.png"] { display: none; }

Google地图显示:无问题

我试图设置一个Google地图,当点击一个链接时会显示,然后点击另一个链接时隐藏。 一切工作正常,除了当我显示从地图显示:无,它不能正确显示。 我读了关于使用google.maps.event.trigger(地图,'resize'); 但我不熟练使用Javascript和JQuery知道如何添加它。 这是我一直在使用的代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN"> <html> <head> <title></title> <style type="text/css"> #viewmap { position:relative; width:944px; float:left; display:none; } #hidemap { position:relative; width:944px; float:left; display:block; } #map_canvas { position:relative; float:left; width:944px; height:300px; } </style> <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"> </script> <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(-27.999673,153.42855); var myOptions […]