Posts tagged zoo

GoogleMap 特定のキーワードで表示させる

0

Google AJAX Search API を使用してキーワードや住所から自分のサイトに Google Map を表示させるメモ

Google AJAX Search API KEY と Google Map API KEY を指定して JavaScript を読み込む

<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=Google AJAX Search API KEY" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=Google Map API KEY" type="text/javascript"></script>

実際の表示部分。 q=キーワードで表示させる地図のキーワード(または住所)を指定する。

<script type="text/javascript">
<!--
var gls;
var gMap;

function OnLocalSearch() {
    if (!gls.results) return;
    var first = gls.results[0];
    var point = new GLatLng(parseFloat(first.lat), parseFloat(first.lng));
    var zoom = 15;
    gMap.addControl(new GSmallMapControl());
    gMap.addControl(new GMapTypeControl());
    gMap.setMapType(G_MAP_TYPE);
    gMap.setCenter(point, zoom);
    var marker = new GMarker(point);
    gMap.addOverlay(marker);
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
    });
}

function load() {
    gMap = new GMap2(document.getElementById("map"));
    gMap.addControl(new GSmallMapControl());
    gMap.addControl(new GMapTypeControl());
    gMap.setCenter(new GLatLng(0, 0));
    gls = new GlocalSearch();
    gls.setCenterPoint(gMap);
    gls.setSearchCompleteCallback(null, OnLocalSearch);
    var q = "横浜ランドマークタワー";
    gls.execute(q);
}
//-->
</script>

<body onLoad="load()">
<div id="map" style="width: 410px; height: 320px"></div>
</body>

各 API KEY の取得は下記ページから
Sign-up for an AJAX Search API Key – Google AJAX Search API – Google Code
Sign Up for the Google Maps API – Google Maps API – Google Code

北海道旅行 その2 旭山動物園

0

2日目は大人気の旭山動物園へ。
キロロに泊まったので片道3時間半から4時間かかるとホテルの方に言われたので行くのを迷いましたが、覚悟を決めて出発。
結局休憩を入れて3時間くらいで着きました。(高速道路は決して飛ばしていませんよ)

昼前に着いた時にはすごい混雑でしたね。お弁当は売り切れていてちょっと残念。
旭山動物園は見せ方がすごくうまいのは有名ですが、いたるところにある手書きの看板やポスターがいい味出してます!

ペンギン
入り口に近いこともあるのか、入るのに10分ほど待つ列が出来ていました。
ペンギン

アザラシ。
ものすごい人の数。パイプの中をアザラシが通ると大歓声が。
アザラシ

オリがオーバーハングしていてヒョウが頭上に!(オシッコかけられそう。。。)
ヒョウ

シロクマ
シロクマ

ゴミ箱もゴリラの手になってる!
ゴミ箱

Go to Top