Google Maps_javascript 기술에서 마커를 연결하는 방법
이것은 단지 Google Maps API 사용법을 알려주는 것이며, 어떤 이유로 Google은 모든 사람과 멀어졌습니다.
<스타일>
HTML, 본문, #map-캔버스 {
여백: 0;
패딩: 0;
높이: 100%;
}
스타일>
https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false">>
var 지도;
var 폴리;
함수 초기화() {
var myLatlng = new google.maps.LatLng(31.1937077, 121.4158436);
var 위치 = [
['test1, 정확도: 150m', 31.1937077, 121.4158436, 100],
['test2, 정확도: 150m', 31.2937077, 121.4158436, 100],
['test3, 정확도: 150m', 31.0937077, 121.2158436, 100],
['test4, 정확도: 150m', 31.3937077, 120.4158436, 100],
['test5, 정확도: 150m', 31.1637077, 120.4858436, 100],
['test6, 정확도: 150m', 31.1037077, 121.5158436, 100]
];
var mapOptions = {
확대/축소: 13,
센터: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
지도 = 새로운 google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
// 线条设置
var 폴리옵션 = {
스트로크색상: '#00ff00', // 颜color
스트로크Opacity: 1.0, // 투명도
스트로크 무게: 4 // 크기
}
폴리 = 새로운 google.maps.Polyline(polyOptions);
폴리.setMap(맵); // 装载
/* 循环标流所有坐标 */
/*for(var i=0; i
loc.push(위치[i][1]);
loc.push(위치[i][2]);
var 경로 = 폴리.getPath(); //获取线条的坐标
path.push(new google.maps.LatLng(loc[0], loc[1])); //为线条添加标记坐标
//生成标记图标
마커 = 새로운 google.maps.Marker({
위치: 새로운 google.maps.LatLng(loc[0], loc[1]),
지도: 지도
// 아이콘: "https://maps.gstatic.com/mapfiles/markers/marker_green.png"
});
}*/
var 마커, i, 원;
var iwarray = [];
var infoWindow;
var latlngbounds = 새로운 google.maps.LatLngBounds();
var iconYellow = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/icons/yellow-dot.png");
for (i = 0; i < 위치.길이; i ) {
var loc = [];
loc.push(위치[i][1]);
loc.push(위치[i][2]);
var 경로 = 폴리.getPath(); //获取线条的坐标
path.push(new google.maps.LatLng(loc[0], loc[1]));
var latlng = new google.maps.LatLng(locations[i][1], 위치[i][2]);
latlngbounds.extend(latlng);
if (locations[i][0].indexOf("[캐시됨") == 0 || (locations[i][0].indexOf("[Multiple") == 0 && 위치[i][0]. indexOf("[캐시됨") >= 0 )) {
marker = 새로운 google.maps.Marker({
position: latlng,
map: map,
icon: iconYellow
});
var iw = '
} else {
marker = new google.maps.Marker({
position: latlng,
map: map
});
var iw = '
}
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);
본문>

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











현재 올 가을에는 4개의 새로운 Pixel 스마트폰이 출시될 것으로 예상됩니다. 요약하자면, 이 시리즈에는 출시 시 Pixel 9와 Pixel 9 Pro가 탑재될 것이라는 소문이 있습니다. 그러나 Pixel 9 Pro는 Pixel 8 Pro가 아닌 iPhone 16 Pro의 경쟁자가 될 것입니다.

Google AI는 Gemini 1.5 Pro LLM(대형 언어 모델)부터 개발자에게 확장된 컨텍스트 창과 비용 절감 기능에 대한 액세스를 제공하기 시작했습니다. 이전에는 대기자 명단을 통해 제공되었으며 전체 200만 개의 토큰 컨텍스트 창

최신 업데이트(v15.29.34.29 베타)의 APK 분해를 고려하면 Google의 AI 비서인 Gemini가 더욱 강력해질 예정입니다. 거대 기술 기업의 새로운 AI 비서는 몇 가지 새로운 확장 기능을 얻을 수 있는 것으로 알려졌습니다. 이러한 확장 기능은

Google은 최근 Pixel 9 라인의 Tensor G4에 대한 성능 문제에 대응했습니다. 회사는 SoC가 벤치마크를 이길 수 있도록 설계되지 않았다고 말했습니다. 대신 팀은 Google이 C를 원하는 영역에서 좋은 성능을 발휘하도록 집중했습니다.

Google은 Pixel 8 시리즈에 DisplayPort 대체 모드를 도입했으며 새로 출시된 Pixel 9 라인업에 포함되어 있습니다. 주로 연결된 화면으로 스마트폰 디스플레이를 미러링할 수 있도록 하기 위해 존재하지만 데스크탑에서도 사용할 수 있습니다.

Pixel 9 시리즈는 8월 13일 출시로 예정되어 거의 다가왔습니다. 최근 소문에 따르면 Pixel 9, Pixel 9 Pro 및 Pixel 9 Pro XL은 128GB의 스토리지부터 시작하여 Pixel 8 및 Pixel 8 Pro(Amazon에서 현재 $749)를 미러링할 예정입니다.

Android Authority가 Google이 Android 14 QPR3 베타 2.1에 숨겨둔 새로운 Android 데스크톱 모드를 시연한 지 몇 달이 지났습니다. Pixel 8 및 Pixel 8에 대한 DisplayPort Alt 모드 지원을 추가하는 Google의 뒤를 이어 뜨거워졌습니다.

사용자가 가지고 놀 수 있는 AI 디자인 도구 모음이 포함된 Google의 AI 테스트 키친은 이제 전 세계 100개가 넘는 국가의 사용자에게 공개되었습니다. 이번 움직임은 전 세계 많은 사람들이 Imagen 3, Googl을 사용할 수 있게 된 최초의 사례입니다.
