Tag: google maps api 3

将事件处理程序附加到google maps info bubble中的元素: 我有一个关于谷歌地图和事件处理/收听的问题。使用jQuery和谷歌地图v3，我可以放置一个地图标记和一个事件监听器，当用户点击标记时打开一个信息。我想做的事情（但到目前为止还无法弄清楚）是在信息泡泡的内容中添加另一个事件处理程序。例如，如果用户点击地图标记打开信息气泡（该部分有效），然后如果他们点击信息块内的某些内容，则执行其他操作。我已粘贴下面的代码，提前感谢任何帮助 function addMarker(data) { var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude); var title = data.title? data.title: “”; var icon = $(‘#siteUrl’).val() + ‘img/locate.png’; var bubbleContentString = “Get Details about ” + title+ “”; myInfoBubble = new InfoBubble({ content: bubbleContentString, hideCloseButton: true, backgroundColor: ‘#004475’, borderColor: ‘#004475’ }); var myMarker = new google.maps.Marker({ position: […]

单击时提取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; […]

Google地图自动填充function除“place_changed”以外的其他活动: 我有一个应用程序，目前正在place_changed正确激活。但是，我想分支搜索，以便在用户选择自动填充条目时，以及在没有自动完成帮助的情况下自己输入文本时表现不同。我应该使用什么样的事件监听器来区分？我无法找到有关Google地图自动填充的其他活动的任何文档。我现在拥有的： var gmaps = new google.maps.places.Autocomplete($(“#searchproperties”).get(0), { types: [‘geocode’], componentRestrictions: {country: ‘us’} }); google.maps.event.addListener(gmaps, ‘place_changed’, function () { //FIRE SEARCH });

自动填充地址+ Google Maps API: 我想向用户提供一个文本框，其中可以输入他们的地址。当他们键入地址时，我想向用户提供他们尝试键入的地址的建议/预测。我也担心这个地址的相关性（例如，地址不是世界各地的地址）。这可能吗？我正在使用jQuery。

Google Maps API v3 – 在一个页面上创建带标记的多个地图: 我正在尝试创建一个包含3张幻灯片的滑块，每张幻灯片都包含一个迷你地图，标记指向某个位置。我设法创建了一张幻灯片，但是每次尝试在此页面上创建多个幻灯片都会导致失败。这是我到目前为止的代码： HTML + PHP <?php $rows = get_field('job_offers'); $row_count = count($rows); for ($i = 0; $i <div id='googleMap’ style=”position:absolute;top:0;right:0;width:180px;height:100%;”> 和jQuery var geocoder = new google.maps.Geocoder(); var map; var locations = [“London”,’Paris’,’Barcelona’]; var pos; function initialize() { google.maps.visualRefresh = true; getGeoCode(); } function getGeoCode() { for (var i=0; i<3 ; i++) { geocoder.geocode({'address': locations[i]}, […]

当拖动标记时，Lat，Lng不会更新: 实际上，我有一个带有可拖动标记的地图。这工作正常，但我无法更新拖动标记的lat和lng。我已经尝试了几个不同的事件监听器，但没有它们工作。现在我想知道是否有人可以帮助我？我的代码（我删除了你不会感到困惑的脚本）： function initMap() { var map = new google.maps.Map(document.getElementById(‘map’), { zoom: 7, center: { lat: 47.532446, lng: 14.623283 } }); var geocoder = new google.maps.Geocoder(); document.getElementById(‘geolocate’).addEventListener(‘click’, function () { geocodeAddress(geocoder, map); }); } function geocodeAddress(geocoder, resultsMap) { var address = document.getElementById(‘street’).value + ‘ ‘ + document.getElementById(‘zip’).value + ‘ ‘ + document.getElementById(‘city’).value; […]

Reveal Modal中的Google Map API未完全显示: 我在div中有一个谷歌地图有问题，按钮点击后会弹出屏幕。谷歌地图只是部分显示。我知道我需要创建一个resize事件，但不知道如何或放在哪里。任何帮助将非常感激！请记住，我对JS知之甚少！链接到测试网站：点击谷歌地图按钮，看看手上的问题： http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html# 我的Google API脚本： function initialize() { var mapOptions = { center: new google.maps.LatLng(39.739318, -89.266507), zoom: 5, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map_canvas”), mapOptions); } 包含地图的div： How to get here × 单击按钮时调用地图的脚本： $(document).ready(function() { $(‘#myModal1’).click(function() { $(‘#myModal’).reveal(); }); });

Google api v3在客户道路上显示附近的标记: 我怎样才能显示标记（它们是预定义的，但是对于整个地图是隐藏的），这些标记位于我使用Google api v3选择的道路附近（可能是半径10英里或20英里），例如我使用路线服务 HTML： start: end: JavaScript的： var directionsDisplay; var directionsService = new google.maps.DirectionsService(); var map; function initialize() { directionsDisplay = new google.maps.DirectionsRenderer(); var chicago = new google.maps.LatLng(41.891224, -87.638675); var mapOptions = { zoom:7, center: chicago } map = new google.maps.Map(document.getElementById(‘map’), mapOptions); directionsDisplay.setMap(map); /* === markers === */ var locations = [ [‘1’, 40.577651, […]

Ui-Tabs中的Google Maps Api v3地图已被删除: 我知道这是一个常见的问题，我已经在这里查看了解决方案的所有主题，但是，当我更改标签时，我继续这个问题：请看看我的js代码： function initialize() { //replace 0’s on next line with latitude and longitude numbers from earlier on in tutorial. var myLatlng = new google.maps.LatLng(40.654372, -7.914174); var myLatlng1 = new google.maps.LatLng(43.654372, -7.914174); var myOptions = { zoom: 16, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var myOptions1 = { zoom: 16, center: myLatlng1, mapTypeId: google.maps.MapTypeId.ROADMAP } //here’s […]