【Googleマップ】1つの地図に複数のマーカーを表示

こちらのサイトを参考にさせていただきました
もし記事が消えてしまったら
わたし立ち直れないないので
ここにメモさせてくださいませm(_ _)m


①head内にタグ追加

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

②置きたいところにdiv追加、サイズ調整
<div id="map" style="width: 600px; height: 400px;"></div>

③divの下に追加

<script type="text/javascript">

  function attachMessage(marker, msg) {

    google.maps.event.addListener(marker, 'click', function(event) {

      new google.maps.InfoWindow({

        content: msg

      }).open(marker.getMap(), marker);

    });

  }

// 位置情報と表示データの組み合わせ

  var data = new Array();//マーカー位置の緯度経度

  data.push({position: new google.maps.LatLng(35.681382, 139.766084), content: '東京駅'});

  data.push({position: new google.maps.LatLng(35.690921, 139.700258), content: '新宿駅'});

 

  var myMap = new google.maps.Map(document.getElementById('map'), {

    zoom: 12,//地図縮尺

    center: new google.maps.LatLng(35.69106, 139.733989),//地図の中心点

    scrollwheel: false,

    mapTypeId: google.maps.MapTypeId.ROADMAP

  });

 

  for (i = 0; i < data.length; i++) {

    var myMarker = new google.maps.Marker({

      position: data[i].position,

      map: myMap

    });

    attachMessage(myMarker, data[i].content);

  }

</script>

④緯度経度
http://www.geocoding.jp/

印刷に出すイラレデータの注意（孤立点）

（部長より）

印刷に出すIllustratorのデータは、
必ず以下の手順でフォントの確認を。
（長いので「つづきはこちら」に記載してます。）

★ちなみに私は
「孤立点は美しくない」というだけの理由で嫌い。
私のデータには絶対残ってないとたぶん言い切れる（笑）

白地図のURL

「白地図専門店」のサイトはこちら。

★無料で使える。
（さらに便利な有料製品も有り。）

★利用制限無し
（商用利用でも無料で使える。）

★利用申請不要
（すぐに使える。）

よく使う日本地図はこちら。
※北方領土に注意！

【ダウンロードは下記のところから】

（上の図をクリックすると拡大表示されます。）


 

漢字も使える手書き風の日本語フォント

ム様情報です。
個人サイトや商用サイトで無料利用できるフォントです。
こちらのサイトからどうぞ。

「Cinecaption」


これは動画編集部で使いたいかも。
使えるのか？

アポストロフィーのツメ（Illustrator CS3）

ちゃんと欧文フォント使ってるのに
「Men's」のアポストロフィーの後ろが空いて
「Men'  　s」ってなる。
なんでだーっということで調べた。



【文字組みの設定を変更する】

約物半角
句読点などの約物に半角の間隔設定を使用。
（つまり約物も行末約物も半角）

行末約物半角★
行末以外のほとんどの約物に全角の間隔設定を使用。
（つまり約物は全角、行末約物のみ半角、）

行末約物全角
ほとんどの約物と行末約物に全角の間隔設定を使用。
（つまり約物は全角、行末約物も全角）

約物全角
句読点などの約物に全角の間隔設定を使用。
（つまり約物は行末約物も全角）

「行末約物半角」がデフォルトのようなので注意！！

※約物（やくもの）
文字組版など言語の記述に使用する記述記号類の総称で、
句読点・疑問符・括弧・アクセントなどのこと。

************************

というわけで文字組みを「なし」に設定した。
アポストロフィーはこれで解決した。
でも字間を微調整してくれてたらしき機能も失われて
なんだかブサイクなことに。
とりあえずはトラッキングを-1にしてしのぐ。