<!DOCTYPE html>
<html>
<head>
<title>구글맵 API 이용하기</title>
<style>
html, body {
height: 100%;
margin : 0;
padding : 0;
}
#mapCanvas {
height: 100%;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?key=UER_KEY"></script>
<script>
window.onload = function(){
//navigator.geolocation.getCurrentPosition(showMap);
new google.maps.Map(document.querySelector('#mapCanvas'),{
center : {lat: 37.4631, lng:126.6608},
zoom : 15
});
}
/*
function showMap(position){
// lat=position.coords.latitude;
// lng=position.coords.longitude;
// lat=39;
// lng=108;
var myLatLng = {lat:39, lng:108};
var mapOptions={
zoom : 15,
//center: new google.maps.LatLng(lat,lng)
center: myLatLng,
scrollwheel:false
};
var map = new google.maps.Map(document.querySelector('#mapCanvas'),mapOptions);
var marker = new google.maps.Marker({
map: map,
position: myLatLng,
title: "하이!!"
});
}
*/
/*
function init(){
new google.maps.Map(document.querySelector('#mapCanvas'),{
center : {lat: -34.397, lng:150.644},
zoom : 20
});
}
*/
</script>
</head>
<body>
<div id="mapCanvas"></div>
</body>
</html>
'기존카테고리 > 하이브리드앱' 카테고리의 다른 글
| applicaton cache (0) | 2017.11.04 |
|---|---|
| [jQuery Mobile] 미디어 플레이어 조작 (0) | 2017.11.04 |
| [jQuery Mobile] GeoLocation (0) | 2017.11.03 |
| [jQuery Mobile] 세션스토리지, 로컬스토리지 (0) | 2017.11.03 |
| [jQuery Mobile] pagebeforehide (0) | 2017.11.03 |