Tag: google maps

Safari中的传单地图问题使用iPhone和iPad

我在iPhone和iPad上使用Safari的传单地图有一些奇怪的问题。 我正在使用AJAX GET请求来获取地图上的标记并在获取时绑定弹出内容。 在弹出窗口中，我有一个按钮，当用户单击它以查看详细信息时，它会打开一个引导模式。 它在Windows和Mac上使用IE，Chrome，Safari，Firefox都可以正常工作但我无法使用iPhone和iPad Safari浏览器。 这是我获取数据的代码： $(function(e) { var latlng = L.latLng(-30.81881, 116.16596); var map = L.map(‘lmap’, { center: latlng, zoom: 6 }); var lcontrol = new L.control.layers(); var eb = new L.control.layers(); //clear the map first clearMap(); //resize the map map.invalidateSize(true); //load the map once all layers cleared loadMap(); //reset the map size […]

绑定谷歌在文本框上放置自动完成而不实例化谷歌地图

我正在尝试在我的网站上添加Google地方信息自动填充function。 我在使用自动完成function绑定搜索文本框时遇到问题，而不使用实例化谷歌地图。 我想要做的是，我想在我的搜索字段中使用自动完成作为文本建议。 但遗憾的是，我见过的所有教程都使用了自动完成function和谷歌地图一起使用。 有没有办法解决？ 提前致谢。

Google将错误标记显示在infowindow上

我有一段javascript代码，我在其中创建标记并将InfoWindows附加到它们，如下所示： for (var i = 0; i < 8; i++) { var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(lat[i], lng[i]), icon: '/static/images/iconsets/gmap/iconb' + (i+1) + '.png', }); var infowindow = new google.maps.InfoWindow({ content: 'test string' }); google.maps.event.addListener(marker, 'click', function() { infowindow.open(map,marker); }); } 但是，当我单击其中一个标记时，infowindow始终只显示在一个标记上。 我究竟做错了什么？

懒加载google maps api v3 jQuery回调

我懒得加载谷歌地图api v3 javascript 该文档说明了如何在脚本加载时将作为函数名称的回调参数作为回调参数执行。 $(document).ready(function(){ var s = document.createElement(“script”); s.type = “text/javascript”; s.src = “http://maps.google.com/maps/api/js?v=3&sensor=true&callback=gmap_draw”; $(“head”).append(s); }); 所以我必须定义gmap_draw（）函数。 当我将此函数包含在domready块中时，它是不可见的。 这个问题的任何变通方法？ （除了将function放在domready块之外）

在jQuery Mobile中使用longclick / taphold和谷歌地图？

我正在使用谷歌地图与jQuery Mobile。 我可以很容易地将click事件绑定到地图，但有没有办法绑定长按？ 我想在长按一下后在地图上添加一个标记。 我可以使用jQuery Mobile的’taphold’，专为长时间点击而设计，但这并没有让我有办法访问地图属性，例如tap的latlng： $(‘#map-canvas’).bind(‘taphold’, function(e) { console.log(‘taphold’); e.stopImmediatePropagation(); return false; } ); 相反，我可以使用谷歌地图点击监听器，但这会获得短暂的点击，这使得地图可以在移动设备上使用： google.maps.event.addListener($(‘#map-canvas’), ‘click’, function(event){ … 我没有看到Google Maps API V3的“longclick”事件监听器： http ： //code.google.com/apis/maps/documentation/javascript/reference.html#Map 有任何想法吗？ 谢谢你的帮助。

与bing / google地理编码集成的位置搜索自动完成function

有关自动完成位置搜索的任何不错的建议，与Google或Bings位置数据等内容集成？ 我想要在注册时捕获我的用户的位置，目前我有一个自由文本输入框。 我想要某种自动完成，引导用户输入更多的消毒信息，理想情况下我也希望对用户进行地理编码。 我目前正在使用自动搜索的jQuery 自动完成 ，但这需要我提供我没有或想要维护的位置数据。

将纬度/经度转换为城市名称？ （反向地理定位）

我正在使用Codeigniter PHP + jQuery的工作板，雇主进入他们的位置，我们使用Google Maps API绘制它。 虽然这具有令人敬畏的可用性结果，但问题是当我们试图向求职者展示这些位置时，他们感到困惑并难以在视觉上辨别（他们读起来像这样：“02905,2英里远”，“171 John St.，4几英里远“，”普罗维登斯，罗德岛，10英里远“。 我希望能够将经度/纬度的地理定位反转到设定的水平（理想情况下，城市名称），以便在搜索结果中我可以将这些位置列为如下所示：“Providence，RI，10英里远”，“普罗维登斯，罗德岛，5英里远“，”克兰斯顿，罗德岛，16英里远“。 有没有办法扭转地理编码到城市？ 我看到很多关于将地理编码反转到最近的可寻址位置的示例，但无法控制关卡。 希望很清楚！ 如果您需要澄清任何问题，请随时发表评论。

为什么我的地图在我的jQuery Mobile / Google Maps API3应用程序中居中？

我的jQuery Mobile Web应用程序中有一张由Google Maps Javascript API3提供支持的地图。 我添加了一个黑色边框的圆圈。 如果您直接使用地图转到我的应用的此页面，则地图会正确居中于圆的中心。 http://goo.gl/XvLST 如果你首先访问我的应用程序的这个主页（ http://goo.gl/0IWgE ），然后点击你的方式进入页面的地图，地图是 错误地居中（地图应该以圆心为中心）。 错过了整个灰色区域。 当我从主页点击带有地图的页面时，为什么地图会出错，但如果我直接访问带有地图的页面，工作正常？ 我可以不使用Ajax加载data-ajax=’false’的地图页面。 但是，我实际上无法做到这一点，因为移动应用程序不允许非ajax加载。 当我将地图输入Chrome Web Developer控制台时， google.maps.event.trigger(map, ‘resize’)似乎会重新定位地图，但我不确定在我的javascript中将其调用到何处。

Google将地理编码API V3映射为不返回javascript函数的结果

我正在尝试使用Google地理编码器API V3根据用户指定的地址在地图上绘制位置，代码如下。 当我直接提出请求时（例如http://maps.googleapis.com/maps/api/geocode/json?address=peterborough&sensor=false ），我得到了预期的回复。 但是，当我使用下面的代码发出相同的请求时，在getLatLong函数退出后， 中点变量始终未定义。 我做错了什么？ function loadFromSearch(address) { midpoint = getLatLong(address); mapCentre = midpoint; map.setMapTypeId(google.maps.MapTypeId.ROADMAP); … } function getLatLong(address) { var result; var url = ‘http://maps.googleapis.com/maps/api/geocode/json?address=’ + encodeURIComponent(address) + ‘&sensor=false’ $.getJSON(url, function (data){ if (data.status == “OK”) { result = data.results[0].geometry.location; } }); return result; } ================================================== ================================ 鉴于回复，我现在已将代码更新为以下内容。 我仍然没有得到任何结果，在Firebug中设置断点结果= data.results [0] .geometry.location; […]

在jquery mobile中使用谷歌地图的清晰方向示例？

尝试获得一个有效的jquery移动地图方向页面。 列出了这个例子： http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#directions_map 但是示例代码很乱并且无法使其工作:(。宜家使用它。 http://m.ikea.com/nl/nl/stores/415/map/ 但他们也非常定制js所以很难看到会发生什么。 有谁知道一个很容易理解的干净的例子或实现？