facebook twitter hatena line email

「Google/Googlemap」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(その他コード)
(その他コード)
行2: 行2:
 
<div id="map-canvas"></div>
 
<div id="map-canvas"></div>
  
==その他コード==
+
==jsコード==
 
body閉じるタグの直前に。
 
body閉じるタグの直前に。
99.9999999の所には緯度経度を入力。
+
(34.804618851, 135.345302589)の所には緯度経度を入力。
 
  <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
 
  <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
 
  <style>
 
  <style>
行18: 行18:
 
   var options = {
 
   var options = {
 
     zoom: 17,
 
     zoom: 17,
     center: new google.maps.LatLng(99.9999999, 99.9999999),
+
     center: new google.maps.LatLng(34.804618851, 135.345302589),
 
     mapTypeId: google.maps.MapTypeId.ROADMAP
 
     mapTypeId: google.maps.MapTypeId.ROADMAP
 
   };
 
   };
 
   var map = new google.maps.Map(map, options);
 
   var map = new google.maps.Map(map, options);
 
   var marker = new google.maps.Marker({
 
   var marker = new google.maps.Marker({
       position: new google.maps.LatLng(99.9999999, 99.9999999),
+
       position: new google.maps.LatLng(34.804618851, 135.345302589),
 
       map: map,
 
       map: map,
 
       title: "pin表示"
 
       title: "pin表示"

2016年2月4日 (木) 07:40時点における版

googlemap貼り付けたい場所に

jsコード

body閉じるタグの直前に。 (34.804618851, 135.345302589)の所には緯度経度を入力。

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<style>
#map-canvas {
height: 400px;
margin: 0px;
padding: 0px
}
</style>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function() {
 var map = document.getElementById("map-canvas");
 var options = {
   zoom: 17,
   center: new google.maps.LatLng(34.804618851, 135.345302589),
   mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 var map = new google.maps.Map(map, options);
 var marker = new google.maps.Marker({
     position: new google.maps.LatLng(34.804618851, 135.345302589),
     map: map,
     title: "pin表示"
 });
});
</script>