Tag: 谷歌地图

如何根据谷歌地图自动完成地址api中的国家和城市过滤地址: 如何在谷歌地图自动完成地址api中根据国家和城市过滤地址。我能够根据国家解决filter，但我无法根据国家和城市解决filter问题。我使用以下代码： – var autocompleteFrom; $(document).ready(function () { var options = { types: [‘geocode’], componentRestrictions: { country: “IL” } }; var inputFrom = document.getElementById(‘Address’); autocompleteFrom = new google.maps.places.Autocomplete(inputFrom, options); google.maps.event.addListener(autocompleteFrom, ‘place_changed’, fillAddrss); });

jQuery getScript和Google Maps API错误消息: 我在加载google maps api时遇到了问题。我用一个初始化地图的函数得到了我自己的对象，谷歌地图api通过jquery.getscript加载。但我总是在回调函数中收到一条错误消息： var MyGMap = { GMapScriptURL: “http://maps.google.com/maps?file=api&v=2&async=2&key=”, Map: null, Geocoder: null, InitiazlizeMaps: function () { if (GBrowserIsCompatible()) { this.Map = new GMap2(document.getElementById(“map_canvas”)); this.Map.setCenter(new GLatLng(37.4419, -122.1419), 13); this.Geocoder = new GClientGeocoder(); } } } $(function(){ var CurrentKey = “MY_KEY”; $.getScript(MyGMap.GMapScriptURL + CurrentKey, function () { MyGMap.InitiazlizeMaps(); // throws GMap2 is undefined }); […]

Google地图：获取标记点击侦听器内的点击或标记（x，y）像素坐标: 我试图在标记点击上显示地图标记上的完全自定义信息窗口。我已经成功实现了这个答案，以获得一个div来显示地图canvas点击…但我无法在标记点击上复制它。是否可以在标记点击function中获取标记像素位置，并抑制正常信息窗口显示所需的自定义信息窗口？我试过这个： google.maps.event.addListener(marker, ‘click’, function(args) { var x=args.pixel.x+$(‘#map’).offset().left; //we clicked here var y=args.pixel.y; info.style.left=x+’px’; info.style.top=y+’px’; info.style.display=’block’; }); 但在控制台中，我看到： Uncaught TypeError: Cannot read property ‘x’ of undefined

谷歌地图API V3 fitbounds（）缩小但从未缩小: 我已经创建了一个非常复杂的商店定位器。用户输入他们的zip并且表格在地图上返回带有相应标记的结果。他们可以翻阅结果并且标记进一步向外移动， fitbounds()函数非常适合缩小到适当的缩放级别以适合标记。问题是，如果你回到更近的位置， fitbounds()不会放大。即使你输入一个新的搜索，它也不会放大这些新的标记 – 它以它们为中心，但保持在任何缩放级别它是在以前。我希望这是有道理的。如果有人知道我需要添加什么来让它放大更接近的结果，请帮助。这些是我在标记推送function结束时调用的google函数： map.setCenter(bounds.getCenter()); map.panToBounds(bounds); map.fitBounds(bounds); 谢谢！

从谷歌地图中删除HeatmapLayer: 我正在使用HeatmapLayer api https://developers.google.com/maps/documentation/javascript/layers#JSHeatMaps 我像这样生成热图： heatmap = new google.maps.visualization.HeatmapLayer({ data: heatmapData, radius: 50 }); heatmap.setMap(google_map); 当我想使用与上面相同的function显示另一个热图时（我正在使用ajax并且我有新标记要显示，所以我也需要更改热图）热图图层保留在地图上，在这种情况下我在我的地图上有2个重叠的热图。我怎样才能首先删除当前的热门播放器？这是我的演示代码，如果你点击地图下方的链接，就会添加热图，再次点击它，它应该删除它，但它只是一遍又一遍地重复： http://jsfiddle.net/LpL3P/

只显示google.maps.event.addListener（）中的街道地址: 我编写了一个小函数，它将使用google.maps.event.addListener()获取用户地址。这是jsFiddle 。一切都是我想要的，除了当用户完成打字并从street领域聚焦时，我只想在input街道地址。目前它看起来像这样：但我希望它是这样的：谢谢你的帮助。干杯。

Google地图自定义信息框: 我正在尝试按照此示例合并自定义信息框，但我的代码不起作用。有人可以看一看，看看我哪里出错了吗？我已经评论了示例代码的开始/结束位置以及我试图调用它的位置。 function initialize() { var mapOptions = { zoom: 12, center: new google.maps.LatLng(52.204872,0.120163), mapTypeId: google.maps.MapTypeId.ROADMAP, styles: styles, scrollwheel: false }; var map = new google.maps.Map(document.getElementById(‘map_canvas’),mapOptions); setMarkers(map, sites); infowindow = new google.maps.InfoWindow({ content: “loading…” }); } var sites = [ // List all locations for each pin [‘The Frontroom’, 52.202977,0.138938, 1, ‘The Frontroom. 23-25 […]

Google Geocoding – 抓取地址和坐标: 所以这就是我所追求的，我被告知这不可能，但我现在还不会放弃！假设用户在“伦敦”中输入我的位置搜索框并点击“地理编码”我能够得到该位置的坐标，就像这个例子： http://gmaps-samples-v3.googlecode.com/svn/trunk/geocoder/v3-geocoder-tool.html 但是我要说我有以下字段： Town: City: Country: Long: Lat: 是否可以通过此请求填写所有这些字段，而不仅仅是坐标？例如，我将获得以下信息，然后我可以将其存储在cookie中： Town: – City: London Country: UK Long: 123.45 Lat: 123.45

iframe内的Google地图无法加载: 我遇到了一个奇怪的问题，我不知道问题是什么。以下jQuery代码是我想要实现的简化版本： var iframe = $(”); iframe.prop(‘src’, ‘https://maps.google.com/maps?q=London&hl=en&sll=37.0625,-95.677068&sspn=46.677964,93.076172&t=h&hnear=London,+United+Kingdom&z=10’); iframe.appendTo($(‘body’)); // When the iframe loads: iframe.load(function() { alert(1); }); 永远不会加载映射，并且永远不会触发load()事件。 Chrome报告以下错误： Refused to display ‘https://maps.google.com/maps?q=London&hl=en&sll=37.0625,-95.677068&sspn=46.677964,93.076172&t=h&hnear=London,+United+Kingdom&z=10’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’. 如何绕过这个？这是一个jsFiddle演示。

谷歌地图中的交互式圆圈随着半径的变化而变化: 我想要一个谷歌地图的交互式圈子，当我在滑块中改变半径时，它会增加或减少。当我增加半径时工作正常，但是在半径减小时它不会在地图中改变（减少）圆 $(function() { $(“#slide”).slider({ orientation: “horizontal”, range: “min”, max: 10000, min: 500, value: 500, slide: function( event, ui ) { drawCircle(ui.value); } }); }); function drawCircle(rad){ circle = new google.maps.Circle({ strokeColor: “#FF0000”, strokeOpacity: 0.8, strokeWeight: 2, fillColor: “#FF0000”, fillOpacity: 0.35, map: myMap, radius: rad }); circle.bindTo(‘center’, marker, ‘position’); }