Tag: google maps markers

Google地图中的灰色区域: 我已经在我的应用程序中实现了Google地图（以模态forms），但是正如您在下面的图像中看到的那样，有一个灰色区域我当然想要摆脱它。可以移动地图以使灰色区域消失，但不应该需要。事情就是地图显示在一个模态框内，其中包含了点击显示模态按钮时动态创建的大量内容。似乎问题可能是在加载模态之前地图内容没有完全加载，但我不确定…… HTML： … × Test … JS： function initializeMap(latitude, longitude) { var place = new google.maps.LatLng (latitude, longitude); var myOptions = { zoom: 10, center: place, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById(“map”), myOptions); var marker = new google.maps.Marker({ position: place, map: map, title: “” }); }; $(‘.modal-btn’).click(function(){ var producerId = […]

将事件处理程序附加到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: […]

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 – 在一个页面上创建带标记的多个地图: 我正在尝试创建一个包含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; […]

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

动画多个标记: 我在地图上有几个标记，绘制了折线。我想沿着折线的路径移动每个标记，以模拟每个标记的同时移动。我在做这个问题时遇到了问题，我只得到最后一个移动标记而其余部分没有移动。作为使用这种编程技术的新手，我认为我的代码出了问题，特别是我试图为每个标记设置动画的方式。我需要一些指导。这是我迄今为止的工作： Jsbin DEMO var startLoc = new Array(); startLoc[0] = ‘rio claro, trinidad’; startLoc[1] = ‘preysal, trinidad’; startLoc[2] = ‘san fernando, trinidad’; startLoc[3] = ‘couva, trinidad’; var endLoc = new Array(); endLoc[0] = ‘princes town, trinidad’; endLoc[1] = ‘tabaquite, trinidad’; endLoc[2] = ‘mayaro, trinidad’; endLoc[3] = ‘arima, trinidad’; var Colors […]