Tag: google maps api 3

Google地图，包含多个地理位置位置和点击提醒: 我正在尝试创建一个包含多个地理位置位置的Google地图，并为每个位置创建一个独特的提醒。最终，位置和位置内容将动态生成，但是现在，我只是尝试使用静态内容。我的地图点正确显示，但是，我遇到了警报的问题，这些警报在增量变量就位时不会出现。据我所知，locationContent [i] [0]中的var [i]没有被数字替换。 http://jsfiddle.net/rum0gxtw/ 例如，当我用locationContent [0] [1]替换代码时，它返回alert1（在所有3个标记上）。 http://jsfiddle.net/rum0gxtw/1/ 我需要它增加，所以它返回相应标记的alert1，alert2，alert3。我几个小时都在盯着代码，现在尝试各种方法来解决它。我想我只是缺少一些基本的东西。这是我的代码： var locations = [ [‘Loughbourough University’, ‘LE11 3TU’], [‘Durham School’, ‘DH1 4SZ’], [‘Oxford University’, ‘OX4 1EQ’], ]; // Alert Content var locationContent = [ [‘wow1’, ‘alert1’], [‘wow2’, ‘alert2’], [‘wow3’, ‘alert3’] ]; var image = ‘icon.png’; var map = new […]

jQuery Mobile和Google地图不可见: 好吧，所以当谈到jQuery mobile时，我是一个noobie，但是我已经湿透了。要点是一个两页的移动网站。第一页是一个简单的表单，用户可以选择几个选项。提交表单后，它们将被重定向到第二页，其中包含“地图canvas”。但出于某种原因，下一页只是空白。有时当我按下后退按钮时，我可以看到地图但是很简单。我很难过！我正在使用jQuery 1.6.4和jQuery Mobile 1.0rc1。这是我的一些代码：第一页HTML： Start: Current Position {% for node in nodes %} {{ node.label }} {% endfor %} Dest: {% for node in nodes %} {{ node.label }} {% endfor %} Show Route <!–Show Route–> 第二页（地图）HTML： Map 相关JS： $(“.page-map”).live(“pagecreate”, function() { wMobile = WayFinderMobile(); […]

在iframe nyromodal图层中，Google地图无法在IE8中正确呈现: 我尝试在nyromodal iframe层中渲染谷歌地图。它在Chrome和Firefox中运行良好，但在IE8中有一个奇怪的问题：首次加载时，它运行正常。然而，当我关闭图层并在同一页面上重新打开它之后，地图将呈现错误：仅显示灰色图块并且并且其所有内容将随机喷溅，例如：如果我清除缓存并重新加载，地图将再次工作但只有一次。

使用Google Direction API，Access-Control-Allow-Origin不允许使用原始url: 我知道这个问题已经被问到并回答了，但这对我没有帮助。这是我的jQuery代码： var gmapsurl = ‘http://maps.googleapis.com/maps/api/distancematrix/json?’+ ‘origins=’+addr_origin+ ‘&destinations=’+addr_destination+ ‘&mode=driving&language=hu&units=metric’+ ‘&key=’+mykey+ ‘&sensor=false’; $.getJSON(gmapsurl, function(data) { alert( ‘OK’ ); }); Origin (my site url) is not allowed by Access-Control-Allow-Origin.我使用Origin (my site url) is not allowed by Access-Control-Allow-Origin. 浏览器中的错误消息。但是如果我将这个url直接写入浏览器，那么我会得到一个JSON结构。我怎样才能解决这个问题？

使用自己的信息窗口在地图上显示多个标记: 我需要在地图上显示多个标记，每个标记都有自己的信息窗口。我创建了单个标记没有问题，但不知道如何为每个标记创建infowindows。我在基于ASP的网站中使用V3 API生成地图，标记是从一组DB记录创建的。通过循环rs并使用相关变量定义marker（）来创建标记： var myLatlng = new google.maps.LatLng(lat,long); var marker = new google.maps.Marker({ map: map, position: myLatlng, title: ‘locationname’, icon: ‘http://google-maps-icons.googlecode.com/files/park.png’ }); 这会在正确的位置创建所有相关标记。我现在需要做的是，并且不确定如何实现，给每个人提供他们自己独特的信息窗口，我可以使用它来显示与该标记相关的信息和链接。资源 $(document).ready(function() { //Google Maps var myOptions = { zoom: 5, center: new google.maps.LatLng(-26.66, 122.25), mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL } } var map […]

谷歌地图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街道地址。目前它看起来像这样：但我希望它是这样的：谢谢你的帮助。干杯。

MarkerClusterer不仅仅适用于webkit（Chrome和Safari），在Firefox中运行良好？: 这让我很精神。我正在使用带有谷歌地图v3的MarkerCluster，它在FF中运行良好，但是当我（和客户端）在Chrome或Safari中启动时，群集不在那里。没有错误，只是没有在webkit中工作。一些注意事项：它来自一些装有ajax的json，而且它是在jquery中。这是负责添加的function： add_clusters: function() { markers = []; $.each( interpreters, function ( i, interpreter ){ //maps.add_postcode_marker(i, ‘interpreter’); var latLng = new google.maps.LatLng(interpreter.lat, interpreter.lng); //, map: map interpreters[i].marker = new google.maps.Marker({ position: latLng }); maps.add_info_box(i, “interpter”); markers.push(interpreters[i].marker); app.log(interpreters[i].marker); }); markerCluster = new MarkerClusterer(map, markers); } 干杯! 重申一下，Chrome中没有错误，只是没有显示。

Jquery谷歌地图插件，添加事件监听器: 有人可以解释在google jquery.ui.map插件中找到的以下代码片段（ jQuery.fn[name] ）的含义： jQuery.each((‘click mousedown rightclick dblclick mouseover mouseout drag dragend’).split(‘ ‘), function(i, name) { jQuery.fn[name] = function(a, b) { return this.addEventListener(name, a, b); }; }); 以及我们如何将回调函数绑定到地图对象上的click事件，我尝试了以下但event没有latLng属性： $(‘#map_canvas’).gmap().click(function(event) { alert(event.latLng); }); 提前致谢。