スポンサードリンク

Category Archives: Google API キー

Google Maps API ver3&markerClustererの今後とスマートフォンへの適用

v3 markerClustererの海外記

Google Maps API ver3に移行しようか悩んで、海外記事を読んでいたら、数千(1000~2000マーカ)をMarkerClustererで何とかしようと試みているコレポンがあった。

読んでみると面白い。

ちなみに2010年7月現在のコレポンだ。

Google Maps API ver3にすることにより、より軽快に大量のマーカーを表示できるかと思って期待しているのだが、まだまだ時間はかかりそうである。

やはり1000マーカーを越えてくると苦しい(表示が重くなるようだ)。Google chromeを使えばさくさくだが、一般的にはまだまだIE7が多いようです。

Read more »

General Header & Footers  ヘッダーとフッター部にタグ(Tag)を記述。Google Analyticsやアクセス解析のタグ貼り付け用に!

ヘッダーとフッター部にタグ(Tag)を記述できるWordpressプラグイン。
Header部には、Google Maps APIキーやcssリンク、フッター部には、Google Analyticsのトラッキングコードやアクセス解析のタグを貼り付けるのに便利!

ZD header tagsを使っていましたが乗り換えました。

General Header & Footers

広告表示が無いLocal Search(Google ローカル検索)窓(バー)をGoogle AJAX Search APIで追加する。

V3用検索Google barは、コチラ

前回のローカル検索バーサンプルでは、広告が表示されるのが気に食わなかったので探してみたのが、今回のローカル検索。

Google AJAX Search APIを使用しますのでちょいと手間。ですが広告は表示されなくなりスッキリ。

今回のGoogle Maps API作業は、次の作成。

  1. Google Maps APIキー以外に、新たにGoogle AJAX Search APIキーを入手し、Google Maps APIキーと併せてHTMLへ記述しておきます。APIキーは、ここの”Google AJAX Search API の使用を開始する”で入手。
  2. さらに、スタイルシートなんぞの記述もHTML header内への記述が必要です。
  3. 併せて、距離スケール定規が隠れてしまっているので、var positionを指定して、Google検索窓の表示位置も地図左下から右下に変えてみましょうかね。

Read more »

UTF-8の記述指定の基本フォーマットとGoogle Maps APIキーのUTF-8の指定

HTMLの最初にUTF-8である記述をしておきましょう。Google Maps APIのキーにもUTF-8を指定しておきます。

◆HTML記述

<?xml version=”1.0″ encoding=”UTF-8“?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”langOpen” xml:lang=”langOpen”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”Content-Style-Type” content=”text/css” />
<meta http-equiv=”Content-Script-Type” content=”text/javascript” />
<title>●●●●●●●●</title>
<meta name=”keywords” content=”●●●●●●●●,●●●●●●●●” />
<meta name=”description” content=”●●●●●●●●” />
<!– [Google Maps API キー]   –>
<script src=”http://maps.google.com/maps?file=api&amp;v=2&amp;key=あなたのキー” type=”text/javascript” charset=”utf-8“></script>
<!– [Google AJAX Search API キー]   –>
<script src=”http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAXo7nprH_h4-e_HfFt7lrORQCY2CLwxHrlUmkZw2-BIEBkr5Y_BRPbMpfcn4yZ-MjOVa5jYmtLNB4Zg” type=”text/javascript charset=”utf-8“></script>
<!– [Google AJAX Search 用リンク記述]   –>
<script src=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js” type=”text/javascript”></script>
<link href=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css” rel=”stylesheet” type=”text/css” />
<link href=”http://www.google.com/uds/css/gsearch.css” rel=”stylesheet” type=”text/css” />
<link rel=”stylesheet” href=”../start/css/layout-5-master.css” type=”text/css” />
</head>

Google AJAX Search API キーの収得

Google Maps API 座標(経度、緯度)をマップ(Map)をクリックして座標(経度、緯度)表示!リバース・ジオコーディング2

AJAX Search API キーへの登録

Google Maps API キーの収得/Google Maps API

Google Maps APIを始めるには、ともかくGoogle Maps API キーを収得せねば。

Google MAPS API に登録する

スポンサードリンク