マップテスト

<!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>


公開日:

PAGE TOP ↑