Tag: google maps markers

如何在两个位置的谷歌地图上添加标记？: 我想在谷歌地图上添加两个可点击的位置标记。当我点击按钮时，它应该用位置更改地图标记。 var map; function initialize() { map = new google.maps.Map(document.getElementById(‘map-canvas’), { center: new google.maps.LatLng(52.302516, 16.414546), //Setting Initial Position zoom: 14, }); var marker = new google.maps.Marker({ position: newLocation(), map: map, title: ‘AGM-CORP’, icon: ‘img/agm-marker.png’ }); } function newLocation(newLat, newLng) { map.setCenter({ lat: newLat, lng: newLng }); } google.maps.event.addDomListener(window, ‘load’, initialize); $(document).ready(function () { $(“#1”).on(‘click’, […]

通过jQuery for Google Maps API V3加载XML: 更新：疲劳发生用户错误，而不是代码本身，结果certificate是问题。我只是错误地调用了两次initialize()函数。我将留下这篇文章，因为代码片段可能会对希望通过jQuery使用Google Map的XML数据的其他人有所帮助。我正在通过jQuery for Google Maps（API V3）从XML文件加载地图标记坐标和infoWindow内容。除了每个标记添加两次之外，一切似乎都运行正常。这是我的JS： google.load(“maps”, “3”, {other_params:”sensor=false”}); google.load(“jquery”, “1.6.2”); var infowindow; var map; function initialize() { // Specify center of the map var latLng = new google.maps.LatLng(51.781,-107.402); // Customize map appearance var mapOptions = { center: latLng, mapTypeControl: false, mapTypeId: ‘roadmap’, navigationControl: true, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL, position: google.maps.ControlPosition.TOP_RIGHT}, […]

Google地图是否足够智能，以避免在当前未显示的位置添加标记？: 在我的app / site中，我开始展示连续的USA，但允许用户从下拉列表（选择小部件）中选择一个州（或返回USA48，或选择USA50 +）： USA (48) USA (50+) Alabama . . . Wyoming 我还允许用户根据他们制作的复选框选择显示各种类别的标记。这些标记放置在“扩展美国”的任何地方（包括美属萨摩亚，干燥的Tortugas等）。当他们选择一个州，比如阿拉巴马州时，我首先需要“无效”地图数据，就像这样（“removeData”行是我在这里引用的关键）： function LoadAlabama() { $(“#map”).removeData(); $(“#map”).goMap({ latitude: 32.806673, longitude: -86.791133, zoom: 8 }); ReloadMarkers(); } 但是，我不想加载所有标记，因为它们不可见（我只需要一个州首都标记，而不是50;我只需要一个NFL团队标记，而不是32等）。 Google地图是否足够智能，可以忽略在当前显示的地图之外的位置放置标记的请求？注意：ReloadMarkers（）方法显示或隐藏标记组，如下所示： function ReloadMarkers() { if ($(‘#NFLCheckbox’).is(‘:checked’)) { $.goMap.showHideMarkerByGroup(‘NFLGroup’, true) } else { $.goMap.showHideMarkerByGroup(‘NFLGroup’, false) } . . . } 我可以编写代码来考虑显示的区域，然后过滤掉那些超出显示内容的经度/纬度范围的标记（基于它的中心纬度/长度和地图的缩放值），但我会如果谷歌地图足够聪明，我可以满足（温和地说）。是吗？

Google Maps API v3：为symbolPath传递图像而不是内置符号: 我刚刚了解了Google API提供的符号动画。我的代码中的每一件事都运行正常，但我只是想知道我是否可以在下面的代码中传递一个Image而不是一个符号。 var lineSymbol = { path: google.maps.SymbolPath.CIRCLE, scale: 8, strokeColor: ‘#393’ }; 如果是的话，我该怎么做？我尝试过传递Image路径和Image对象。什么工作..请帮帮我。

重新计算filter的markercluster onclick: JS FIDDLE HERE： http ： //jsfiddle.net/useyourillusiontoo/g77np63c/1/ 我已经创建了一个谷歌地图，可以将标记向下植入，并允许我使用复选框进行过滤，而无需重新加载页面或地图。好极了！接下来我添加了也起作用的标记簇。但是，当我现在单击我的标记时，群集不会更新。那就是..群集内的数字不会改变，以反映隐藏/显示的标记。当我放大时，标记仍然被隐藏/显示，但只有群集在缩小时不显示。我在下面粘贴了我的代码并且会喜欢任何建议，因为我一直在摸不着头脑。 var map; var infowindow; var image = []; var gmarkers = []; var clusterMarkers = []; function mapInit(){ var centerCoord = new google.maps.LatLng(53.01265600000,-1.466105200000); var mapOptions = { zoom: 6, center: centerCoord, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById(“map-canvas”), mapOptions); google.maps.event.addListener(map, ‘click’, function() […]

如何使用jquery-ui-map在谷歌地图上添加标记: 我正在使用http://code.google.com/p/jquery-ui-map/ HTML： Loading Map jQuery ： $(function() { $(‘#map_canvas’).gmap({ ‘center’: new google.maps.LatLng($(‘#map_canvas’).attr(‘latitude’),$(‘#map_canvas’).attr(‘longitude’)), ‘zoom’: 13 }); }); 它工作正常，但我无法添加标记。我在文档中尝试了很多选项但无法放置标记。任何的想法？谢谢

如何像标记一样创建谷歌纵横？: 在我的HTML5应用中，我使用Google Map v3并在地图上添加了几个标记。放置新标记和更改图标很容易，但我希望能够构建像谷歌纵横中使用的标记。这些标记设置有图标图像和漂亮的边框。关于如何做到这一点的任何想法？

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

根据路径方向更改Google地图标记方向: 我想知道是否可以根据地图上绘制的路径更改标记方向。这是一个例子：正如您所看到的那样，标记是一辆汽车（带前保险杠和尾灯）。我想让汽车朝着路径的方向前进（在这个例子中，汽车将向右转45度）。我正在使用DirectionsService绘制路径，我有一个随机数点。有时只有一个，有时10点。我在绘制路径之前添加标记。以下是我绘制路径的方法： // Intialize the Path Array var path = new google.maps.MVCArray(); // Intialise the Direction Service var service = new google.maps.DirectionsService(); // Set the Path Stroke Color var poly = new google.maps.Polyline({ map: gmap, strokeColor: ‘#dd0000’ }); // #4986E7 // Draw the path for this vehicle for (var […]

使用自己的信息窗口在地图上显示多个标记: 我需要在地图上显示多个标记，每个标记都有自己的信息窗口。我创建了单个标记没有问题，但不知道如何为每个标记创建infowindows。我在基于ASP的网站中使用V3 API生成地图，标记是从一组DB记录创建的。通过循环rs并使用相关变量定义marker（）来创建标记： var myLatlng = new google.maps.LatLng(lat,long); var marker = new google.maps.Marker({ map: map, position: myLatlng, title: ‘locationname’, icon: ‘http://google-maps-icons.googlecode.com/files/park.png’ }); 这会在正确的位置创建所有相关标记。我现在需要做的是，并且不确定如何实现，给每个人提供他们自己独特的信息窗口，我可以使用它来显示与该标记相关的信息和链接。资源 $(document).ready(function() { //Google Maps var myOptions = { zoom: 5, center: new google.maps.LatLng(-26.66, 122.25), mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL } } var map […]