<!DOCTYPE html>
<html lang='ja'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='initial-scale=1.0, user-scalable=no'>
<title>マーカーを置く | Lopan.jp</title>
<style>
body { margin: 0; line-height: 160%; font-family: arial,sans-serif; }
html, body, #map_canvas { width: 100%; height: 100%; }
</style>
<script src='//maps.googleapis.com/maps/api/js?sensor=true'></script>
<script>
function initialize() {
var latlng = new google.maps.LatLng(35.681382, 139.766084);
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map,
title: '東京駅です！'
});
}
</script>
</head>
<body onload='initialize();'>
<div id='map_canvas'></div>
</body>
</html>
マップテスト
投稿日：