Q・Craft LLC:Ajax-Google Maps API-1

本文へジャンプ
S
M
L
Search by Google
menulavel
Valid CSS!
Spreadfirefox Affiliate Button
情報ボランティアの会(八王子)
anchor
Google Maps API で任意のポイントを表示
※ただ今コード修正中ですので、一部機能が制限されます。
Ajax-天気予報 Java Script
function weather(value) {
var xmlhttp = new JKL.ParseXML( "weather.cgi?" + value );
xmlDoc = xmlhttp.parse();
var callback = function (xmlDoc) {
  var max_temp = xmlDoc.lwws.temperature.max.celsius;
  document.getElementById("max_temp").innerHTML = (max_temp == null) ? "--" : max_temp;
  var min_temp = xmlDoc.lwws.temperature.min.celsius;
  document.getElementById("min_temp").innerHTML = (min_temp == null) ? "--" : min_temp;
  var Obj = xmlDoc.lwws.pinpoint.location;
  for (var i = 0; i < Obj.length; i++) {
	  if( Obj[i].title == "○△□市" ) { var link = Obj[i].link; }
  }
  document.getElementById("weather_icon").innerHTML = "<img src=\"" 
	  + xmlDoc.lwws.image.url
	  + "\" alt=\"" + xmlDoc.lwws.image.title + "\"><a href=\""
	  + link + "\" target=\"_blank\">詳細</a>";
  }
xmlhttp.async( callback );
xmlhttp.parse();
}
Ajax-天気予報 サーバー側のプログラム(Perl)
#!/usr/bin/perl
# Weather RSS reader
use strict;
use LWP::Simple;
use URI::Escape;
my $value = $ARGV[0];
   
$value =~ s/(^\s+|\s+$)//g;
my $res = get("http://weather.livedoor.com/forecast/webservice/rest/v1?city=63&day="
	      . $value );
if ($res) {
  print "Content-type: text/xml; charset=utf-8\n\n";
  print $res;
}
Google Maps API Markerを直接Searchする部分
function Search(str) {
  map.closeInfoWindow();
  for (var j = 0; j < 3; j++) {
    var overlay = marker_class[j];
    for (var i = 0; i < overlay.length; i++) {
      if( overlay[i].D.title == str ) {		
            // 非公開部分で頻繁に変更が(hd->pd->Y->D) //
        map.setZoom( zoom_level[j] );
        GEvent.trigger( overlay[i],"click" );
        return;
      } else {
        map.openInfoWindow( 
        map.getCenter(),document.createTextNode("見つかりません") );
      }
    }
  }
}
NEXT→