Skip to content

Instantly share code, notes, and snippets.

@shopetan

shopetan/SampleGoogleMapAPI.html

Last active August 29, 2015 14:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shopetan/0f407c62da4fce7f4abd to your computer and use it in GitHub Desktop.
Save shopetan/0f407c62da4fce7f4abd to your computer and use it in GitHub Desktop.
Download ZIP
SampleGoogleMapAPI.html
Raw
SampleGoogleMapAPI.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=yes” />
<meta name="robots" content="noindex,nofollow,noarchive" />
<title>Sample</title>
<link rel="stylesheet" type="text/css" href="honoka/css/bootstrap.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<!-- googleMapAPI -->
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=[Your API Key]&sensor=true&language=ja">
</script>
<script src="./js/googleMapAPI.js" type="text/javascript"></script>
</head>
<body class="no-thank-yu" style="max-height:100%;">
緯度:<div id="id_lat"></div>
経度:<div id="id_lng"></div>
住所:<div id="id_address"></div>
<div id="map_canvas" style="width:50%; height:50%">
位置情報を取得中…
</div>
log:<div id="area_name"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment