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 9년 전 조회 1,975
CSS 9년 전 조회 2,128
CSS 9년 전 조회 2,306
CSS 9년 전 조회 2,164
CSS 9년 전 조회 2,621
CSS 9년 전 조회 2,640
CSS 9년 전 조회 2,182
CSS 9년 전 조회 1,842
CSS 9년 전 조회 2,473
CSS 9년 전 조회 2,161
CSS 9년 전 조회 2,770
CSS 9년 전 조회 2,137
HTML 9년 전 조회 2,227
HTML 9년 전 조회 2,687
HTML 9년 전 조회 2,778
HTML 9년 전 조회 3,899
HTML
[HTML]
9년 전 조회 2,345
HTML
[HTML]
9년 전 조회 2,385
HTML 9년 전 조회 1,916
HTML 9년 전 조회 2,352
HTML 9년 전 조회 2,401
HTML 9년 전 조회 2,585
HTML 9년 전 조회 2,346
HTML 9년 전 조회 2,461
HTML 9년 전 조회 2,767
HTML 9년 전 조회 1,869
HTML 9년 전 조회 2,106
HTML 9년 전 조회 2,115
HTML 9년 전 조회 2,343
HTML 9년 전 조회 1,851