html google map

HTML Google Maps

 

 

Google지도를 사용하면 웹 페이지에지도를 표시 할 수 있습니다.

 

d60605f0e734f9fb7d984663f935a4ec_1485499083_0928.PNG
 

A Basic Web Page

 

웹 페이지에 Google지도를 추가하는 방법을 보여주기 위해 기본 HTML 페이지를 사용합니다.

 

Example

<!DOCTYPE html>

<html>

<body>

 

<h1>My First Google Map</h1>

 

<div id="map">My map will go here</div>

 

</body>

<html>

 

 

Set the Map Size

지도 크기 설정 :

 

Example

<div id="map" style="width:400px;height:400px">

 

 

Create a Function to Set The Map Properties

 

이 예는 영국의 런던 중심의 Google지도를 정의합니다.

 

Example

 

function myMap() {

    var mapOptions = {

        center: new google.maps.LatLng(51.5, -0.12),

        zoom: 10,

        mapTypeId: google.maps.MapTypeId.HYBRID

    }

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

}

 

 

 

<!DOCTYPE html>

<html>

<body>

 

<h1>My First Google Map</h1>

 

<div id="map" style="width:400px;height:400px;background:yellow"></div>

 

<script>

function myMap() {

    var mapOptions = {

        center: new google.maps.LatLng(51.5, -0.12),

        zoom: 10,

        mapTypeId: google.maps.MapTypeId.HYBRID

    }

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

}

</script>

 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>

 

</body>

</html>


|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 8년 전 조회 1,858
CSS 8년 전 조회 1,974
CSS 8년 전 조회 2,212
CSS 8년 전 조회 2,081
CSS 8년 전 조회 2,517
CSS 8년 전 조회 2,498
CSS 8년 전 조회 2,082
CSS 8년 전 조회 1,703
CSS 8년 전 조회 2,349
CSS 8년 전 조회 2,029
CSS 8년 전 조회 2,637
CSS 8년 전 조회 2,008
HTML 8년 전 조회 2,094
HTML 8년 전 조회 2,562
HTML 8년 전 조회 2,655
HTML 8년 전 조회 3,773
HTML
[HTML]
8년 전 조회 2,188
HTML
[HTML]
8년 전 조회 2,271
HTML 8년 전 조회 1,808
HTML 8년 전 조회 2,224
HTML 8년 전 조회 2,278
HTML 8년 전 조회 2,449
HTML 8년 전 조회 2,196
HTML 8년 전 조회 2,344
HTML 8년 전 조회 2,640
HTML 8년 전 조회 1,752
HTML 9년 전 조회 1,986
HTML 9년 전 조회 1,987
HTML 9년 전 조회 2,207
HTML 9년 전 조회 1,723
🐛 버그신고