Tag: 谷歌地图

克隆谷歌地图实例

我在页面上有一个地图，显示有标记和infowindows的几个地方。 现在我想放一个全屏按钮并将地图加载到jquery-ui对话框中，但是我遇到了一些问题。 有没有办法将我在一个div中创建的谷歌地图实例复制到另一个div中？ 或任何其他解决方法，如更改与地图相关的div …科幻小说？

使用Google Maps Javascript API v3的HTML / CSS标记

我们公司刚从Leaflet.js迁移到Google Maps API; 我一直在寻找一种简单的方法来将HTML / CSS标记/框作为叠加层集成到Google Maps Javascript API v3中。 到目前为止，我已经找到了这个教程： https ： //developers.google.com/maps/documentation/javascript/overlays#CustomOverlays 然而，我发现它非常笨重，我无法成功地将HTML / CSS代码注入到地图中。 有没有人知道将更多HTML / CSS标记/盒子添加到Google Map的更简单方法？ 我可以继续通过为分区指定顶部/左侧坐标然后将它们附加到地图上，使用jQuery到谷歌地图上的标记来破解地图，但这是一个解决方法/黑客，必须有一种简单的方法来集成这些。 提前致谢！

拖动后标记在地图中心

我在我的网站上实施谷歌地图。 用户可以拖动标记并获取坐标。 它的工作正常，但要求是当用户拖动标记时，拖动标记应该位于地图窗口的中心或者如果用户拖动地图，那么对于这种情况，标记也会到达地图窗口的中心。 我有以下代码只适用于地图上的拖动标记，但我不知道在拖动后添加在地图窗口中心移动标记的function或代码的位置。 该代码如下： google.maps.event.addListener(myMarker, ‘dragend’, function (evt) { document.getElementById(‘dragStatus’).innerHTML = ‘ Current Lat: ‘ + evt.latLng.lat().toFixed(4) + ‘ Current Lng: ‘ + evt.latLng.lng().toFixed(4) + ”; var point = marker.getPosition(); map.panTo(point); }); google.maps.event.addListener(myMarker, ‘dragstart’, function (evt) { //————- //———— }); http://jsfiddle.net/ANJYR/6xq6pujk/

如何使谷歌地图中的标记图像闪烁

我在地图上有一些标记 代码的一部分在这里 var icons=[“media/green.png”,”media/red.png”,”media/blue.png”,”media/yellow.png”]; var marker = new google.maps.Marker({ position: new google.maps.LatLng(100*array_lat[j],100*array_lon[j]), map : map, url : “javascript:setNavtrack(‘DISPLAYDATA’)”, icon : icons[i] }); 按照我的意愿，我想要闪烁“media / red.png”图标 有解决方案吗

将自动填充列表中的国家/地区的Google地图限制为“INDIA，USA和UK”

此代码无效。 请告诉我确切的解决方案 function initialize() { var input = document.getElementById(‘searchTextField’); /* restrict to multiple cities? */ var options = { types: [‘(cities)’], componentRestrictions: {country: [“usa”, “uk”]} }; var autocomplete = new google.maps.places.Autocomplete(input, options); } google.maps.event.addDomListener(window, ‘load’, initialize); UPDATE 2017年1月，Maps JavaScript API版本3.27中引入了多个国家/地区过滤自动完成function： 您现在可以将自动填充预测限制为仅覆盖多个国家/地区。 您可以通过在AutocompleteOptions的componentRestrictions字段中指定最多5个国家/地区来执行此操作。 https://developers.google.com/maps/documentation/javascript/releases#327

如何使用jquery ajax调用谷歌地图地理编码服务

我正试图从谷歌地图geocode api获取LatLng。 我的代码在下面，地址值是“纽约，纽约” $.ajax({ url: ‘http://maps.googleapis.com/maps/api/geocode/json’, data: { sensor: false, address: address }, success: function (data) { alert(data) } }); 但我没有得到任何警惕的价值观。 谢谢你的帮助。

单击时提取drawingManager多边形路径Google Maps

我有一个启用了绘图管理器的Google地图，用户可以绘制多边形并将其保存到我的数据库中。 我为overlaycomplete事件的drawingManager对象添加了一个事件监听器。 触发事件时，多边形的坐标将写入隐藏字段。 这很有效 – 唯一的问题是如果在该点之后拖动/更改了各个顶点，则不会触发事件。 我需要更新（任何）更改字段或在用户点击提交时迭代多边形顶点并将其写入隐藏字段。 我无法弄清楚如何让它工作，但你可以看到我到目前为止所拥有的： http ： //jsfiddle.net/5Y4WT/21/ HTML： JavaScript的： var map; // Global declaration of the map var iw = new google.maps.InfoWindow(); // Global declaration of the infowindow var lat_longs = new Array(); var markers = new Array(); var drawingManager; function initialize() { var myLatlng = new google.maps.LatLng(40.9403762, -74.1318096); var myOptions […]

在地图上显示移动标记

当车辆在路上行驶时，我试图在地图上移动标记（ 不会消失并再次出现 ）。 我有两个latLng值，我想在两者之间移动标记，直到车辆发送下一个点。 然后再次重复该过程。 我尝试了什么：[这不是一种非常有效的方式，我知道] 我的想法是使用下面的技术实现上述方法： 1）在两者之间划一条线。 2）在折线的1/10分数上获取每个点的latLng。 3）在地图上标记10个点以及折线。 这是我的代码： var isOpen = false; var deviceID; var accountID; var displayNameOfVehicle; var maps = {}; var lt_markers = {}; var lt_polyLine = {}; function drawMap(jsonData, mapObj, device, deleteMarker) { var oldposition = null; var oldimage = null; var arrayOflatLng = []; var lat = jsonData[0].latitude; […]

如何使用jQuery隐藏Google Maps Api Markers

您好，这可能是一个非常愚蠢的问题，但我想在点击它们时使标记消失。 标记位于地图上，但是当我点击它时，它没有做任何事情。 我想知道它为什么不起作用。 谢谢！ $(document).ready(function(){ var myOptions = { center: new google.maps.LatLng(40.1, -88.2), zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); var myLatlng = new google.maps.LatLng(40.1, -88.2); var temp_marker = new google.maps.Marker({ position: myLatlng, map: map, title:”Hello World!” }); console.log($(temp_marker)); console.log(temp_marker); //temp_marker.click(function(){$(this).hide();}); $(temp_marker).click(function(){console.log(“click is working”); $(this).hide();}); });

谷歌地图（V3） – 地图容器选择器（使用jquery）

我正在尝试解决谷歌地图中的棘手问题（api V3） 很好地工作： var map = new google.maps.Map(document.getElementById(“map_container”), myOptions); 如果我尝试使用jQuery选择器，则不起作用 var map = new google.maps.Map($(‘#map_container’), myOptions); 我做了这个例子 先感谢您 干杯 佩德罗