Cara menyambungkan penanda pada kemahiran Google Maps_javascript

Ini hanyalah untuk memberitahu anda cara menggunakan API Peta Google, dan ia boleh dianggap sebagai pengenalan Atas sebab tertentu, Google telah menjauhkan diri daripada semua orang.

Salin kod Kod adalah seperti berikut: GeoLocation html, badan, #peta-kanvas { jidar: 0; pelapik: 0; ketinggian: 100%; } https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"> > peta var; var poli; function initialize() { var myLatlng = google.maps.LatLng baharu(31.1937077, 121.4158436); var lokasi = [ ['ujian1, ketepatan: 150m', 31.1937077, 121.4158436, 100], ['ujian2, ketepatan: 150m', 31.2937077, 121.4158436, 100], ['ujian3, ketepatan: 150m', 31.0937077, 121.2158436, 100], ['ujian4, ketepatan: 150m', 31.3937077, 120.4158436, 100], ['test5, ketepatan: 150m', 31.1637077, 120.4858436, 100], ['test6, ketepatan: 150m', 31.1037077, 121.5158436, 100] ]; var mapOptions = { zum: 13, pusat: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; peta = google.maps.Map baharu(document.getElementById('map-canvas'), mapOptions); // 线条设置 var polyOptions = { strokeColor: '#00ff00', // 颜色 strokeOpacity: 1.0, // 透明度 strokBerat: 4 // 宽度 } poli = google.maps.Polyline baharu(polyOptions); poly.setMap(peta); // 装载 /* 循环标出所有坐标 */ /*for(var i=0; i var loc = []; loc.push(lokasi[i][1]); loc.push(lokasi[i][2]); var path = poly.getPath(); //获取线条的坐标 path.push(google.maps.LatLng baharu(loc[0], loc[1])); //为线条添加标记坐标 //生成标记图标 penanda = google.maps.Marker baharu({ kedudukan: google.maps.LatLng(loc[0], loc[1]), baharu peta: peta // ikon: " https://maps.gstatic.com/mapfiles/markers/marker_green.png " }); }*/ penanda var, i, bulatan; var iwarray = []; var infoWindow; var latlngbounds = google.maps.LatLngBounds(); var iconYellow = google.maps.MarkerImage baharu(" http://maps.google.com/mapfiles/ms/icons/yellow-dot.png "); untuk (i = 0; i var loc = []; loc.push(lokasi[i][1]); loc.push(lokasi[i][2]); var path = poly.getPath(); //获取线条的坐标 path.push(google.maps.LatLng(loc[0], loc[1]))); var latlng = google.maps.LatLng baharu(lokasi[i][1], lokasi[i][2]); latlngbounds.extend(latlng); if (lokasi[i][0].indexOf("[Cached") == 0 || (lokasi[i][0].indexOf("[Berbilang") == 0 && lokasi[i][0]. indexOf("[Cached") >= 0 )) { penanda = google.maps.Marker baharu({ 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);

Cara menyambungkan penanda pada kemahiran Google Maps_javascript

Artikel berkaitan