Tag: 谷歌地图

通过ajax（）请求获取Google Maps API的地址坐标: 我试图通过下一个示例http://jsbin.com/inepo3/7/edit获取Google Maps API的lng和lat坐标。我期待一个“成功”弹出窗口，但它会一直显示“错误”弹出窗口。谷歌地图请求提供了正确的json反馈（由firebug检查）。 $().ready(function() { $.fn.getCoordinates=function(address){ $.ajax( { type : “GET”, url: “http://maps.google.com/maps/api/geocode/json”, dataType: “jsonp”, data: { address: address, sensor: “true” }, success: function(data) { set = data; alert(set); }, error : function() { alert(“Error.”); } }); }; $().getCoordinates(“Amsterdam, Netherlands”); }); 有谁知道如何解决这个问题？此致，Guido Lemmens 编辑我在jQuery中使用Google Maps Javascript API找到了一个更好的解决方案： $().ready(function() { var user1Location […]

从IP地址获取地理位置: 我需要跟踪用户详细信息，因为该客户端的位置和IP地址是必需的。我从中获得了IP地址 $this->input->ip_address(); 在codiigniter。现在的问题是如何使用各自的IP地址在谷歌地图中定位

Google地图根据窗口大小调整设置不同的缩放: 按照我之前的问题谷歌地图响应resize我想基于Windowsresize实现不同的缩放级别，所以如果浏览器窗口“少于”应用x数量的缩放，如果“major than”自动应用另一个缩放级别。以下代码完美地适用于在Windowsresize上重新定位地图，我需要将新的缩放级别应用于它： var map; function initialize() { var mapOptions = { center: new google.maps.LatLng(40.5472,12.282715), zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById(“map-canvas”), mapOptions); } google.maps.event.addDomListener(window, ‘load’, initialize); google.maps.event.addDomListener(window, “resize”, function() { var center = map.getCenter(); google.maps.event.trigger(map, “resize”); map.setCenter(center); map.setZoom(zoom level needs to be automatically set according to window size); });

谷歌地图API V3 – 点击标记显示更多信息内容作为叠加（如在谷歌地图）: 我们使用Google Map Api V3在HTML容器中加载谷歌地图。我们有一个位置搜索表单。提交后，我们将获取可用的位置并在地图中设置标记。加载标记后，点击每个标记我们需要显示标题，地址详细信息和设计，就像我们在谷歌地图中所拥有的那样。（在谷歌地图中 – 当点击红色标记时，我们可以看到更多信息覆盖框，其中包含其他详细信息，如星星，路线，附近搜索，保存到地图，更多..）我们是否内置了apifunction来加载上面的覆盖框。或者我们没有加载详细信息的function，就像我们目前在谷歌地图中所拥有的那样。当我在谷歌和地图文档中搜索时，我可以看到显示叠加窗口和在框内写入内容的选项。但我没有看到根据需要加载内容的选项。我已粘贴以下代码供参考。 var map = null; gmap_ready = function (){ var myLatlng = new google.maps.LatLng(43.834527,-103.564457); var myOptions = { zoom: 3, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); } function fnLoadMarkers(){ var locations = [ [‘S Dakota’, 43.834527,-103.564457, 1], […]

google.maps.places及其自动填充方法未定义: 我正在加载Google Maps API ， jQuery和此Geocomplete插件。请注意，我还指定了库（ libraries = places ）以及最终的API密钥：我在页面加载时触发了Geocomplete插件 $(window).load(function () { $(‘#my-input’).geocomplete(); }); 但我总是得到一个错误：未捕获的TypeError：无法读取undefined [jquery.geocomplete.js：153]的属性“Autocomplete” 。在插件里面…… this.autocomplete = new google.maps.places.Autocomplete( this.input, options ); 我尝试google.maps并返回一个常规对象，但地点未定义！

在Google地图上的区域中绘制矩形: 我正在使用Geometry API在Google地图上绘制一个区域。我想知道是否可以在一个动态大小的区域上绘制重复元素？例如，如果我绘制我的区域看起来像这样：然后我希望能够点击“下一步”并看到这样的东西，在该区域绘制矩形，但只有它们适合。即，它们必须是“完整”矩形，而不是部分矩形：唯一的问题是，我不完全确定如何解决这个问题。我会使用HTML5 但不幸的是，这需要尽可能的浏览器友好，但如果它必须是那么就这样吧！

如何使用jQuery将可拖动标记添加到Google Map: 我正在玩谷歌地图，我需要一些指示:-) 我想要一张带有可拖动标记的地图。如果用户拖动标记，则需要使用标记的坐标更新某些forms字段。是否有jQuery插件可以使用Google Maps API的v3执行此操作？

Google地图标记群集示例: 我正在努力寻找Google Maps Marker Cluster API v3的基本示例。我在这里经历过这个例子，但我无法做到。请帮我一个示例来绘制具有这些数据的集群： var macDoList = [ {lat:49.00408,lng:2.56228,data:{drive:false,zip:93290,city:”TREMBLAY-EN-FRANCE”}}, {lat:49.00308,lng:2.56219,data:{drive:false,zip:93290,city:”TREMBLAY-EN-FRANCE”}}, {lat:48.93675,lng:2.35237,data:{drive:false,zip:93200,city:”SAINT-DENIS”}}, {lat:48.93168,lng:2.39858,data:{drive:true,zip:93120,city:”LA COURNEUVE”}}, {lat:48.91304,lng:2.38027,data:{drive:true,zip:93300,city:”AUBERVILLIERS”}}, ]; 码： MarkerClusterer v3 Example #map { width: 600px; height: 400px; } function initialize() { var center = new google.maps.LatLng(37.4419, -122.1419); var map = new google.maps.Map(document.getElementById(‘map’), { zoom: 3, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }); var markers = […]

折线周围的长度缓冲区: 我不擅长数学，所以我遇到了问题。我有一条路线从一个到另一个分散。有一段时间我试图在固定长度的路线上应用彩色地块。但是我不能得到一个圆润的角落，而我缺乏数学能力让我失去了很多。现在我明白了和代码 var r = []; var bla = result.routes[0].overview_path; for(i in result.routes[0].overview_path) { r.push(new google.maps.LatLng(bla[i].lat()+z, bla[i].lng()-z)); } bla.reverse(); for(x in bla) { r.push(new google.maps.LatLng(bla[x].lat()-z, bla[x].lng()+z)); } var kelias = new google.maps.Polyline({ path: result.routes[0].overview_path, strokeColor: “#00000”, strokeOpacity: 1.0, strokeWeight: 2 }); kelias.setMap(MAP); fonas = new google.maps.Polygon({ paths: r, strokeColor: “#FF0000”, strokeOpacity: […]

使用复选框过滤谷歌地图标记: 我试图根据这个V3示例从复选框中过滤我的谷歌地图标记。我的复选框html是： Attractions: Food and Drink: Hotels: Towns/Cities: 我的javascript在下面。我似乎无法让filter工作 – 目前所有标记都出现在地图上，无论复选框的状态如何。我猜我在错误的地方得到了一些变量，但到目前为止我还没能解决问题！任何帮助将非常感激。 var map; var infowindow; var image = []; var gmarkers = []; image[‘attraction’] = ‘http://google-maps-icons.googlecode.com/files/beach.png’; image[‘food’] = ‘http://google-maps-icons.googlecode.com/files/restaurant.png’; image[‘hotel’] = ‘http://google-maps-icons.googlecode.com/files/hotel.png’; image[‘city’] = ‘http://google-maps-icons.googlecode.com/files/smallcity.png’; function mapInit(){ var centerCoord = new google.maps.LatLng(18.23, -66.39); var mapOptions = { zoom: 1, […]