Comment connecter des marqueurs sur les compétences Google Maps_javascript

Ceci est juste pour vous expliquer comment utiliser l'API Google Maps, et cela peut être considéré comme une introduction. Pour certaines raisons, Google est resté à l'écart de tout le monde.

Copier le code Le code est le suivant : GéoLocation html, corps, #map-canvas { marge : 0; remplissage : 0 ; hauteur : 100%; > https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"> > carte var; var poly; fonction initialiser() { var myLatlng = new google.maps.LatLng(31.1937077, 121.4158436); var emplacements = [ ['test1, précision : 150m', 31.1937077, 121.4158436, 100], ['test2, précision : 150m', 31.2937077, 121.4158436, 100], ['test3, précision : 150m', 31.0937077, 121.2158436, 100], ['test4, précision : 150m', 31.3937077, 120.4158436, 100], ['test5, précision : 150m', 31.1637077, 120.4858436, 100], ['test6, précision : 150m', 31.1037077, 121.5158436, 100] ]; var mapOptions = { zoom : 13, centre : myLatlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // 线条设置 var polyOptions = { StrokeColor : '#00ff00', // 颜色 StrokeOpacity : 1.0, // 透明度 StrokeWeight : 4 // 宽度 > poly = nouveau google.maps.Polyline(polyOptions); poly.setMap(carte); // 装载 /* 循环标出所有坐标 */ /*for(var i=0; i var loc = []; loc.push(emplacements[i][1]); loc.push(emplacements[i][2]); var chemin = poly.getPath(); //获取线条的坐标 path.push(new google.maps.LatLng(loc[0], loc[1])); //为线条添加标记坐标 //生成标记图标 marqueur = nouveau google.maps.Marker({ position : nouveau google.maps.LatLng(loc[0], loc[1]), carte : carte // icône : " https://maps.gstatic.com/mapfiles/markers/marker_green.png " }); }*/ marqueur var, i, cercle ; var iwarray = []; var infoWindow; var latlngbounds = new google.maps.LatLngBounds(); var iconYellow = new google.maps.MarkerImage(" http://maps.google.com/mapfiles/ms/icons/yellow-dot.png "); pour (i = 0; i var loc = []; loc.push(emplacements[i][1]); loc.push(emplacements[i][2]); var chemin = poly.getPath(); //获取线条的坐标 path.push(new google.maps.LatLng(loc[0], loc[1])); var latlng = new google.maps.LatLng(locations[i][1], locations[i][2]); latlngbounds.extend(latlng); if (locations[i][0].indexOf("[Cached") == 0 || (locations[i][0].indexOf("[Multiple") == 0 && locations[i][0]. indexOf("[En cache") >= 0 )) { marqueur = nouveau google.maps.Marker({ position: latlng, map: map, icon: iconYellow }); var iw = ' ' + locations[i][0] + ' '; } else { marker = new google.maps.Marker({ position: latlng, map: map }); var iw = ' ' + locations[i][0] + ' '; } iwarray[i] = iw; google.maps.event.addListener(marker, 'mouseover', (function(marker,i){ return function(){ infoWindow = new google.maps.InfoWindow({ content: iwarray[i], maxWidth: 200, pixelOffset: new google.maps.Size(0, 0) }); infoWindow.open(map, marker); } })(marker,i)); google.maps.event.addListener(marker, 'mouseout', function() { infoWindow.close(); }); circle = new google.maps.Circle({ map: map, radius: locations[i][3], fillColor: '#0000AA', fillOpacity: 0.01, strokeWeight: 1, strokeColor: '#0000CC', strokeOpacity: 0.8 }); circle.bindTo('center', marker, 'position'); } map.fitBounds(latlngbounds); var listener = google.maps.event.addListenerOnce(map, "idle", function() { var zoomLevel = parseInt(map.getZoom()); if (zoomLevel > 13) map.setZoom(13); }); } google.maps.event.addDomListener(window, 'load', initialize);