Tag: google maps api 3

如何从位置（x，y）获取谷歌地图v3上的位置（lat / lng）: 我有（x，y） (event.pageX-$(“#map_canvas”).offset().left,event.pageY-$(“#map_canvas”).offset().top) 但如何获得（lat，lng）谢谢

任何谷歌地图标记的JavaScript点击事件？: 点击任何谷歌地图标记时，我需要发生一些事情。我使用此链接中的演示作为起点： http://gmap3.net/examples/tags.html 更新 – 香港专业教育学院尝试了以下内容： $.each(markers, function(i, marker){ marker.click(function(){ alert(‘alert’); }); }); $.each(markers, function(i, marker){ $(marker).click(function(){ alert(‘alert’); }); }); 更新我已尝试将此中间部分添加到现有代码： $.each(markers, function(i, marker){ marker.setMap( checked ? map : null); //added code begins $(marker).click(function(){ alert(‘dfd’); }); //added code ends });

如何使用google maps API制作搜索特定半径周围项目的表单？: 我正在一个网站上工作，我想在Google地图上围绕当前位置或某个手动地址制作一个圆圈。用户可以选择是否要围绕当前位置或他们将提供的随机地址进行圈选。（用户可以选择将手动地址放在当前位置，如下图所示）现在我们还需要确保圆圈具有特定的半径（距当前位置0-20 / 70km ），用户也需要确定。（当前位置下方的线将决定用户可在此处移动的半径0-70km ）例如：用户想要从当前位置创建一个圆圈直到30KM，或者用户想要从一些随机地址创建一个圆圈直到20KM。我用来制作搜索范围搜索栏的HTML代码是：问题陈述：（1）我想知道我需要进行哪些更改或需要添加的代码，以便围绕特定半径搜索项目。我想，我需要整合代码谷歌地图圈，但我不知道如何做到这一点。（2）在网站上搜索半径命中时，底部会显示以下选项/屏幕：

我创建的Google Maps V3 Circle＆Circle不匹配: 我使用Google Maps V3 API创建了一个圆圈，并尝试制作一个半径相同的标记圈。问题：我创建的那个是倾斜的，而谷歌地图的那个是一个很好的圆形圈。什么地方出了错？ Google Maps V3 Circle Code // Draw search circle search_circle = new google.maps.Circle; search_circle.setCenter(target_latlng); search_circle.setRadius(travel_time * average_speed); search_circle.setMap(map);

暂停并播放谷歌地图标记动画: javascript地图/ Gmap3有点新…我试图使用谷歌地图DROP动画逐一在地图上显示标记。动画工作正常。这是我的JS var ll = []; var JSONData; var pathData = []; var tick = 10; $(document).ready(function() { $(‘#ctl00_ContentPlaceHolder1_rewind’).button(); $(‘#ctl00_ContentPlaceHolder1_play’).button(); $(‘#ctl00_ContentPlaceHolder1_stop’).button(); $(‘#ctl00_ContentPlaceHolder1_forward’).button(); }); function pageLoad(sender, args) { $(‘#ctl00_ContentPlaceHolder1_rewind’).button(); $(‘#ctl00_ContentPlaceHolder1_play’).button(); $(‘#ctl00_ContentPlaceHolder1_stop’).button(); $(‘#ctl00_ContentPlaceHolder1_forward’).button(); } function showEmptyMap() { $(‘#mapDiv’).gmap3({ map: { options: { mapTypeId: google.maps.MapTypeId.TERRAIN, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, scrollwheel: true, […]

何时触发了Google Maps API v3中的remove_at事件？: 我正在研究谷歌地图api v3，并希望添加编辑折线的function。截至谷歌文档。折线处于编辑模式时会触发3个事件。 insert_at set_at remove_at 我知道前两个事件被触发并且能够获得编辑的坐标。我也想删除一个节点但不确定它是如何工作的？任何人都可以告诉我什么时候会发生“remove_at”事件？

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 = […]

Google Map API 3 + WMS: 有人能给我最好的想法，如何将WMS图层放在Google地图上我有这么多图层和很多样式。我在StackOverflow上研究了很多Q和A，但我没有明白如何管理多个样式和层。我想加入我的JQuery代码。

从JSON渲染多个Google Maps API V3标记: 尝试使用来自DB的PHP从JSON输出使用Google Maps API V3绘制多个标记。地图在页面上初始化，但不会填充标记。浏览器警告“资源解释为其他，但转移MIME类型未定义。”？建议进一步排除故障/调试。 $(document).ready(function () { $.getJSON(“map-service.php?action=listpoints”, function(json) { if (json.Locations.length > 0) { for (i=0; i<json.Locations.length; i++) { var location = json.Locations[i]; addMarker(location); } } }); function addMarker(location) { var point = new google.maps.LatLng(location.lat, location.lng); var marker = new google.maps.Marker({ position:point, map: map, title: location.name }); }; }); 来自map-service.php？action = […]

通过jquery geocoder.geocode解决地理编码问题（400项）: 我试图用400个地址解析一个json并在每个位置设置地图图标。我的问题是，当我循环这些项目时，我收到一个错误：OVER_QUERY_LIMIT。但是使用谷歌地理编码API设置位置的最佳方法是什么？我的function看起来像这样： function getAddresses(data) { var items, markers_data = []; if (data.addresses.length > 0) { items = data.addresses; for (var i = 0; i < items.length; i++) { var item = items[i] , street = item.address.street , zip = item.address.zip , city = item.address.city , country = item.address.country; var geocoder = new google.maps.Geocoder() […]