2013-02-25から1日間の記事一覧
Webmastertoolに自分のサイトを登録します WebmastertoolはGoogleのサービスです。 Webmastertoolの画面上でURLを入力して「サイトを追加」をクリックします サイトマップがありませんと表示されますので、サイトマップを作って送信しましょう。 無償ツール…
140×140、300×300、140×300、300×140の画像だけでレイアウトを作る練習をしました。 完成形 html5形式で作ります。 作成のコツ まず、pタグを使ってすべての画像を並べます。 html5ではpタグの代わりにを使うので、に打ち替えます。 html5ではdivタグの代わ…
地図の中心となる緯度経度を指定し、地図の拡大レベルを指定します。 緯度経度情報は下記のサイトで取得することができます。 座標として提示される35.710208, 139.812734という数字が緯度経度情報です。 Geocoding 池袋駅を中心とした地図を取得してみます…
iPhoneが持っているGPS機能を活用して位置情報を取得するプログラムです。 html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>iPhone位置情報取得</title> <script> //正常に緯度経度情報が取得できた時に呼ばれる関数 function successFunc(e){ var gps = document.getElementById("…</meta></meta></head></html>
html <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Mapsルート検索</title> <style> #map_canvas{ width:700px; height:500px; } #container{ width:700px; margin:auto; } </style> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script src="mapdrow.js"></meta></head></html>
東京駅から埼玉県の長瀞駅まで車を運転して行くルートマップを表示します。 APIの指定項目を詳細に指定するだけで、きめ細かいドライブルートの指示が得られます。 こんな情報が自動的に出てくるなんてすごいですね。 html <html lang="ja"> <head> <meta charset="UTF-8"> <title>ルート検索マップGoogle Maps </title></meta></head></html>…
池袋駅からフェリカまでのルートマップを表示します。 html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>ルートマップ</title> <style> html, body { margin:0; padding:0; } div#map_canvas { width:330px; height:370px; }…</meta></meta></head></html>