curl 实现连接google map

curl 实现连接google map

1.创建google map 的可接收查询字符串的html页面，用js实现解析参数。
  a)调用参数的事例为：

< script >
  String.prototype.getQuery  =   function (name)
   ... {
　　  var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
　　  var r = this.substr(this.indexOf("?")+1).match(reg);
　　  if (r!=null) return unescape(r[2]); return null;
  }
   var  str  =   " www.nextway.cn/index.htm?a=1&b=1&c=Split实例 " ;
  alert(str.getQuery( " a " ));
  alert(str.getQuery( " b " ));
  alert(str.getQuery( " c " ));
</ script >   

 

 b)调用google map的api
    我类似的路径是：.../addresses.html?num=3&address0=港区赤坂&address1=亀戸&address2=新小岩
    在head里加载google map 提供的东西 注意那个key 应该可以查到(貌似跟地区有关，因为这个key只能查到日本的地址)

< head >
  < title > Google Maps JavaScript API Example </ title >
  < script src = " http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA4mUuD4x3UhgONCfPtdRRahQdqg7Hg_3vsKeTeWS4kfhns2jAtxSYc7VFWBiv2dLst3pJL3B9By4sTA "
  type = " text/javascript "  charset = " utf-8 " ></ script >
</ head >

 

  c)在body前声明一个id="map" 的div

< div id = " map "  style = " width:500px; height:600px " ></ div >

 

 d)由于我像一进入画面就解析查询字符串并显示地址和在地址间划线于是在body中写道如下代码 

< body onload = " showAddress() " >
< script type = " text/javascript " >
String.prototype.getQuery  =   function (name)
... {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = this.substr(this.indexOf("?")+1).match(reg);
    if (r!=null) return unescape(r[2]); return null;
}
if  (GBrowserIsCompatible())  ... {
 var map = new GMap2(document.getElementById("map"));
 map.addControl(new GLargeMapControl());

 var point = new GLatLng(0, 0);
 var points = new Array();

 // GClientGeocoderを初期化
 geocoder = new GClientGeocoder();
 // 「移動する」ボタンを押されると実行されます
 function showAddress() ...{
  var urlStr = window.location.href;
  var numOfAd = urlStr.getQuery("num");
  var count = 0;
  for( var i = 0; i < numOfAd; i++)...{
   var ad = urlStr.getQuery("address"+i);
   if (geocoder) ...{
    geocoder.getLatLng(
    ad,
    function(point) ...{
     if (!point) ...{
      alert(ad + " 見つかりません");
     } else ...{
      points[count]=point;
      map.setCenter(point, 13);
      map.clearOverlays();
      map.addOverlay(new GPolyline(points,"red"));
      count++;
     }
    }); 
   }
  }
 }
}
</ script >
</ body >

2.curl，生成 带参数的url然后销对路经调用已经创建好的html页面。

    let addresses: ... {Array-of String}   =   ... {...{userSchModel.getUserSchUserInfoData}.getAddresses}
    let urlStr:String  =   " addresses.html?num= " & addresses.size
     ... {for i:int = 0 below addresses.size do
        set urlStr = urlStr&"&address"&i&"="
        set urlStr = urlStr&addresses[i]
    }
     ... {...{get-the-applet}.browse-url target="_blank", ...{url urlStr}}

 google map api and keys:
http://www.google.com/apis/maps/index.html