Google-map dynamic map Loading
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 strict // en"
Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> Google Maps javascript API example </title>
<! -- <SCRIPT src = "http://maps.google.com/maps? File = API & amp; V = 2 & amp; Key = example"
Type = "text/JavaScript"> </SCRIPT> -->
<SCRIPT src = "http://maps.google.com/maps? File = API & amp; V = 2 & amp; Key = ABQIAAAA6ZhOVKR0uO3WAxXvZM1YLBRVxEj8IBgkmKmw82d86i7_rg1XnBQMac088LrYuU3KRpgfh9P4N-U-bw"
Type = "text/JavaScript"> </SCRIPT>
<Script language = "JavaScript">
Function showaddress (address)
{
VaR map = new gmap2 (document. getelementbyid ("map "));
Map. addcontrol (New gsmallmapcontrol ());
Map. addcontrol (New gmaptypecontrol ());
VaR geocoder = new gclientgeocoder ();
Geocoder. getlatlng (address, function (point)
{
If (! Point)
{
Alert (address + "not found ");
}
Else
{
Map. setcenter (point, 15 );
VaR marker = new gmarker (point );
Map. addoverlay (Marker );
Marker. openinfowindowhtml (Address );
}
}
);
}
</SCRIPT>
</Head>
<%
Address = request. querystring ("Address ")
%>
<Body onload = "showaddress ('<% = address %>')" onUnload = "gunload ()">
<Div id = "map" style = "width: 500px; Height: 300px"> </div>
</Body>
</Html>
To load the page, add ifream to call the above function.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
