Class StaticMap

정적지도

정적 지도 이미지를 만들고 장식할 수 있습니다.

아래 예에서는 이 클래스를 사용하여 인근 기차역을 포함하여 뉴욕시의 극장 지구 지도를 만들고 간단한 웹 앱에 표시하는 방법을 보여줍니다.

// Create a map centered on Times Square.
const map = Maps.newStaticMap().setSize(600, 600).setCenter(
    'Times Square, New York, NY');

// Add markers for the nearbye train stations.
map.setMarkerStyle(
    Maps.StaticMap.MarkerSize.MID,
    Maps.StaticMap.Color.RED,
    'T',
);
map.addMarker('Grand Central Station, New York, NY');
map.addMarker('Penn Station, New York, NY');

// Show the boundaries of the Theatre District.
const corners = [
  '8th Ave & 53rd St, New York, NY',
  '6th Ave & 53rd St, New York, NY',
  '6th Ave & 40th St, New York, NY',
  '8th Ave & 40th St, New York, NY',
];
map.setPathStyle(4, Maps.StaticMap.Color.BLACK, Maps.StaticMap.Color.BLUE);
map.beginPath();
for (let i = 0; i < corners.length; i++) {
  map.addAddress(corners[i]);
}
// All static map URLs require an API key.
const url = `${map.getMapUrl()}&key=YOUR_API_KEY`;

참고 항목

메서드

메서드반환 유형간략한 설명
addAddress(address)StaticMap현재 경로 정의에 새 주소를 추가합니다.
addMarker(latitude, longitude)StaticMap점 (lat/lng)을 사용하여 지도에 마커를 추가합니다.
addMarker(address)StaticMap주소를 사용하여 지도에 마커를 추가합니다.
addPath(points)StaticMap점 배열을 사용하여 지도에 경로를 추가합니다.
addPath(polyline)StaticMap인코딩된 다중선을 사용하여 지도에 경로를 추가합니다.
addPoint(latitude, longitude)StaticMap현재 경로 정의에 새 지점 (lat/lng)을 추가합니다.
addVisible(latitude, longitude)StaticMap지도에 표시되어야 하는 점 (위도/경도) 위치를 추가합니다.
addVisible(address)StaticMap지도에 표시되어야 하는 주소 위치를 추가합니다.
beginPath()StaticMap새 경로 정의를 시작합니다.
clearMarkers()StaticMap현재 마커 세트를 지웁니다.
clearPaths()StaticMap현재 경로 세트를 지웁니다.
clearVisibles()StaticMap현재 표시되는 위치 집합을 삭제합니다.
endPath()StaticMapbeginPath()로 시작된 경로 정의를 완료합니다.
getAs(contentType)Blob이 객체 내의 데이터를 지정된 콘텐츠 유형으로 변환된 blob으로 반환합니다.
getBlob()Blob이미지 데이터를 Blob로 가져옵니다.
getMapImage()Byte[]원시 이미지 데이터를 바이트 배열로 가져옵니다.
getMapUrl()String지도 이미지의 URL을 가져옵니다.
setCenter(latitude, longitude)StaticMap점 (위도/경도)을 사용하여 지도 중심을 설정합니다.
setCenter(address)StaticMap주소를 사용하여 지도의 중심을 설정합니다.
setCustomMarkerStyle(imageUrl, useShadow)StaticMap새 마커를 만들 때 사용할 맞춤 마커 이미지를 설정합니다.
setFormat(format)StaticMap지도 이미지의 형식을 설정합니다.
setLanguage(language)StaticMap지도의 텍스트에 사용할 언어를 설정합니다 (사용 가능한 경우).
setMapType(mapType)StaticMap표시할 지도 유형을 설정합니다.
setMarkerStyle(size, color, label)StaticMap새 마커를 만들 때 사용할 마커 스타일을 설정합니다.
setMobile(useMobileTiles)StaticMap휴대기기에 특수 카드 세트를 사용할지 여부를 설정합니다.
setPathStyle(weight, color, fillColor)StaticMap새 경로를 만들 때 사용할 경로 스타일을 설정합니다.
setSize(width, height)StaticMap지도 이미지의 너비와 높이를 픽셀 단위로 설정합니다.
setZoom(zoom)StaticMap지도에 사용되는 확대/축소 배율 또는 배율을 설정합니다.

자세한 문서

addAddress(address)

현재 경로 정의에 새 주소를 추가합니다.

// Creates a map and adds a path from New York to Boston.
const map = Maps.newStaticMap()
                .beginPath()
                .addAddress('New York, NY')
                .addAddress('Boston, MA')
                .endPath();

매개변수

이름유형설명
addressString추가할 주소입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


addMarker(latitude, longitude)

점 (lat/lng)을 사용하여 지도에 마커를 추가합니다.

// Creates a map and adds a marker at the specified coordinates.
const map = Maps.newStaticMap().addMarker(40.741799, -74.004207);

매개변수

이름유형설명
latitudeNumber새 마커의 위도입니다.
longitudeNumber새 마커의 경도입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


addMarker(address)

주소를 사용하여 지도에 마커를 추가합니다.

// Creates a map and adds a marker at the specified address.
const map = Maps.newStaticMap().addMarker('76 9th Ave, New York NY');

매개변수

이름유형설명
addressString새 마커를 배치할 주소입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


addPath(points)

점 배열을 사용하여 지도에 경로를 추가합니다.

// Creates a map and adds a path from New York to Boston.
const map = Maps.newStaticMap().addPath([
  40.714353,
  -74.005973,
  42.358431,
  -71.059773,
]);

매개변수

이름유형설명
pointsNumber[]경로를 정의하는 위도/경도 쌍 배열입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


addPath(polyline)

인코딩된 다중선을 사용하여 지도에 경로를 추가합니다.

// Creates a map and adds a path from New York to Boston.
const polyline = Maps.encodePolyline([
  40.714353,
  -74.005973,
  42.358431,
  -71.059773,
]);
const map = Maps.newStaticMap().addPath(polyline);

매개변수

이름유형설명
polylineString인코딩된 다중선

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


addPoint(latitude, longitude)

현재 경로 정의에 새 지점 (lat/lng)을 추가합니다.

// Creates a map and adds a path from New York to Boston.
const map = Maps.newStaticMap()
                .beginPath()
                .addPoint(40.714353, -74.005973)
                .addPoint(42.358431, -71.059773)
                .endPath();

매개변수

이름유형설명
latitudeNumber점의 위도입니다.
longitudeNumber점의 경도입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


addVisible(latitude, longitude)

지도에 표시되어야 하는 점 (위도/경도) 위치를 추가합니다.

// Creates a map where New York and Boston are visible.
const map = Maps.newStaticMap()
                .addVisible(40.714353, -74.005973)
                .addVisible(42.358431, -71.059773);

매개변수

이름유형설명
latitudeNumber점의 위도입니다.
longitudeNumber점의 경도입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


addVisible(address)

지도에 표시되어야 하는 주소 위치를 추가합니다.

// Creates a map where New York and Boston are visible.
const map =
    Maps.newStaticMap().addVisible('New York, NY').addVisible('Boston, MA');

매개변수

이름유형설명
addressString지도에 표시되어야 하는 주소입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


beginPath()

새 경로 정의를 시작합니다. addAddress()addPoint() 호출은 경로의 각 새 꼭짓점을 정의합니다. endPath()가 호출되면 경로가 완료됩니다.

// Creates a map and adds a path from New York to Boston.
const map = Maps.newStaticMap()
                .beginPath()
                .addAddress('New York, NY')
                .addAddress('Boston, MA')
                .endPath();

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


clearMarkers()

현재 마커 세트를 지웁니다.

const map = Maps.newStaticMap();
// ...
// Do something interesting here ...
// ...
// Remove all markers on the map.
map.clearMarkers();

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


clearPaths()

현재 경로 세트를 지웁니다.

const map = Maps.newStaticMap();
// ...
// Do something interesting here ...
// ...
// Remove all paths on the map.
map.clearPaths();

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


clearVisibles()

현재 표시되는 위치 집합을 삭제합니다.

const map = Maps.newStaticMap();
// ...
// Do something interesting here ...
// ...
// Remove all visible locations created with addVisible().
map.clearVisibles();

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


endPath()

beginPath()로 시작된 경로 정의를 완료합니다.

// Creates a map and adds a path from New York to Boston.
const map = Maps.newStaticMap()
                .beginPath()
                .addAddress('New York, NY')
                .addAddress('Boston, MA')
                .endPath();

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


getAs(contentType)

이 객체 내의 데이터를 지정된 콘텐츠 유형으로 변환된 blob으로 반환합니다. 이 메서드는 파일 이름에 적절한 확장자(예: 'myfile.pdf')를 추가합니다. 그러나 마지막 마침표 (있는 경우) 뒤에 오는 파일 이름 부분이 대체해야 할 기존 확장 프로그램이라고 가정합니다. 따라서 'ShoppingList.12.25.2014'가 'ShoppingList.12.25.pdf'가 됩니다.

전환의 일일 할당량을 보려면 Google 서비스 할당량을 참고하세요. 새로 생성된 Google Workspace 도메인에는 일시적으로 더 엄격한 할당량이 적용될 수 있습니다.

매개변수

이름유형설명
contentTypeString변환할 MIME 유형입니다. 대부분의 blob의 경우 'application/pdf'만 유효한 옵션입니다. BMP, GIF, JPEG 또는 PNG 형식의 이미지의 경우 'image/bmp', 'image/gif', 'image/jpeg', 'image/png' 중 하나도 유효합니다. Google Docs 문서의 경우 'text/markdown'도 유효합니다.

리턴

Blob: 데이터가 blob입니다.


getBlob()

이미지 데이터를 Blob로 가져옵니다.

// Creates a map centered on Times Square and saves it to Google Drive.
const map = Maps.newStaticMap().setCenter('Times Square, New York, NY');
DriveApp.createFile(map);  // You can call map.getBlob() explicitly or use it
// implicitly by passing the map where a blob is expected.

리턴

Blob: 선택한 이미지 형식의 지도 이미지입니다.


getMapImage()

원시 이미지 데이터를 바이트 배열로 가져옵니다.

일반적으로 다른 서비스와 더 간편하게 상호작용할 수 있는 getBlob()를 사용하는 것이 좋습니다.

// Creates a map centered on Times Square and saves it to Google Drive.
const map = Maps.newStaticMap().setCenter('Times Square, New York, NY');
DriveApp.createFile(
    Utilities.newBlob(map.getMapImage(), 'image/png', 'map.png'),
);

리턴

Byte[]: 선택한 이미지 형식의 지도 이미지입니다.


getMapUrl()

지도 이미지의 URL을 가져옵니다.

// Creates a map centered on Times Square and gets the URL.
const map = Maps.newStaticMap().setCenter('Times Square, New York, NY');
// All static map URLs require an API key.
Logger.log(`${map.getMapUrl()}&key=YOUR_API_KEY`);

리턴

String — URL 지도 이미지 URL입니다.


setCenter(latitude, longitude)

점 (위도/경도)을 사용하여 지도 중심을 설정합니다.

// Creates a map centered on Times Square, using its coordinates.
const map = Maps.newStaticMap().setCenter(40.759011, -73.984472);

매개변수

이름유형설명
latitudeNumber중심의 위도입니다.
longitudeNumber중심의 경도입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setCenter(address)

주소를 사용하여 지도의 중심을 설정합니다.

// Creates a map centered on Times Square, using its address.
const map = Maps.newStaticMap().setCenter('Times Square, New York, NY');

매개변수

이름유형설명
addressString센터의 주소입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setCustomMarkerStyle(imageUrl, useShadow)

새 마커를 만들 때 사용할 맞춤 마커 이미지를 설정합니다. 이미 추가된 마커는 영향을 받지 않습니다.

// Creates a map with markers set to be medium sized, black, and labeled with
// the number "1".
const map = Maps.newStaticMap().setCustomMarkerStyle(
    'http://www.example.com/marker.png',
    false,
);

매개변수

이름유형설명
imageUrlString마커의 맞춤 아이콘으로 사용할 URL을 지정합니다. 이미지는 PNG, JPEG 또는 GIF 형식을 사용할 수 있지만 PNG를 권장합니다.
useShadowBoolean이미지의 보이는 영역과 불투명도/투명도를 기준으로 마커에 그림자가 생성되어야 함을 나타냅니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setFormat(format)

지도 이미지의 형식을 설정합니다.

// Creates a map with the image format set to PNG.
const map = Maps.newStaticMap().setFormat(Maps.StaticMap.Format.PNG);

매개변수

이름유형설명
formatStringFormat의 상수 값입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setLanguage(language)

지도의 텍스트에 사용할 언어를 설정합니다 (사용 가능한 경우).

// Creates a map with the language set to French.
const map = Maps.newStaticMap().setLanguage('fr');

매개변수

이름유형설명
languageStringBCP-47 언어 식별자입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setMapType(mapType)

표시할 지도 유형을 설정합니다.

// Creates a satellite map.
const map = Maps.newStaticMap().setMapType(Maps.StaticMap.Type.SATELLITE);

매개변수

이름유형설명
mapTypeStringType의 상수 값입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setMarkerStyle(size, color, label)

새 마커를 만들 때 사용할 마커 스타일을 설정합니다. 이미 추가된 마커는 영향을 받지 않습니다.

// Creates a map with markers set to be medium sized, black, and labeled with
// the number "1".
const map = Maps.newStaticMap().setMarkerStyle(
    Maps.StaticMap.MarkerSize.MID,
    Maps.StaticMap.Color.BLACK,
    '1',
);

매개변수

이름유형설명
sizeStringMarkerSize의 상수 값입니다.
colorString'0xrrggbb' 형식의 문자열 또는 Color의 상수 값입니다.
labelStringA~Z 또는 0~9의 단일 문자가 포함된 문자열입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setMobile(useMobileTiles)

휴대기기에 특수 카드 세트를 사용할지 여부를 설정합니다.

// Creates a map that uses mobile-friendly tiles.
const map = Maps.newStaticMap().setMobile(true);

매개변수

이름유형설명
useMobileTilesBoolean모바일 카드를 사용할지 여부입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.


setPathStyle(weight, color, fillColor)

새 경로를 만들 때 사용할 경로 스타일을 설정합니다. 이미 추가된 경로는 영향을 받지 않습니다.

// Creates a map with paths set to be 1 pixel wide with a black line and a white
// fill.
const map = Maps.newStaticMap().setPathStyle(
    1,
    Maps.StaticMap.Color.BLACK,
    'red',
);

매개변수

이름유형설명
weightInteger선의 너비(픽셀)입니다.
colorString선 색상으로, '0xrrggbb' 형식의 문자열 또는 Color의 상수 값입니다.
fillColorString채우기 색상입니다. '0xrrggbb' 형식의 문자열 또는 Color의 상수 값입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setSize(width, height)

지도 이미지의 너비와 높이를 픽셀 단위로 설정합니다.

// Creates a map 400px wide by 300px high.
const map = Maps.newStaticMap().setSize(400, 300);

매개변수

이름유형설명
widthInteger이미지 너비(픽셀 단위)입니다.
heightInteger이미지 높이(픽셀 단위)입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목


setZoom(zoom)

지도에 사용되는 확대/축소 배율 또는 배율을 설정합니다.

// Creates a map with a zoom factor of 10.
const map = Maps.newStaticMap().setZoom(10);

매개변수

이름유형설명
zoomInteger0~21(양 끝값 포함)의 값입니다.

리턴

StaticMap: 체이닝에 이 맵 인스턴스가 반환됩니다.

참고 항목