Google地圖3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>maps.google.com</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
// 地圖
var map = null;
var DefaultZoom = 14; //默認情況下的zoom
/**
* 調用Google Maps接口，自定義事件
*/
function load()
{
var latlng = new google.maps.LatLng(36.66,117.06);
var options = {
zoom: DefaultZoom,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
overviewMapControl: true,
overviewMapControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
},
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.LEFT_BOTTOM
}
};
map = new google.maps.Map(document.getElementById('map'),options);
}
</script>
</head>
<body οnlοad="load();">
<div id="map" style="width: 100%; height: 445px"></div>
</body>
</html>
高德地圖AJax API(AJax)版
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJax API(AJax)</title>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=ajaxmap&v=2.1.2&key=******"></script>
<script type="text/javascript">
var mapObj=null;
function mapInit()
{
var mapOptions = new MMapOptions();//構建地圖輔助類
mapOptions.zoom=13;//要加載的地圖的縮放級別
mapOptions.center=new MLngLat(116.397428,39.90923);//要加載的地圖的中心點經緯度座標
mapOptions.toolbar = DEFAULT;//設置地圖初始化工具條
mapOptions.toolbarPos = new MPoint(15,15); //設置工具條在地圖上的顯示位置
mapOptions.overviewMap = SHOW; //設置鷹眼地圖的狀態，SHOW:顯示，HIDE:隱藏（默認）
mapOptions.scale = SHOW; //設置地圖初始化比例尺狀態，SHOW:顯示（默認），HIDE:隱藏。
mapOptions.returnCoordType = COORD_TYPE_OFFSET;//返回數字座標
mapOptions.zoomBox = true;//鼠標滾輪縮放和雙擊放大時是否有紅框動畫效果。
mapObj=new MMap("map",mapOptions); //地圖初始化
}
<body οnlοad="mapInit();">
<div id="map" style="height:600px; width:750px"></div>
</body>
</html>
高德地圖AJax API(flash)版
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJax API(Flash)</title>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=flashmap&v=2.4&key=*******************"></script>
<script type="text/javascript">
var mapObj=null;
function mapInit()
{
var mapoption = new MMapOptions();
mapoption.toolbar = MConstants.ROUND; //設置地圖初始化工具條，ROUND:新版圓工具條
mapoption.toolbarPos=new MPoint(20,20); //設置工具條在地圖上的顯示位置
mapoption.overviewMap = MConstants.SHOW; //設置鷹眼地圖的狀態，SHOW:顯示，HIDE:隱藏（默認）
mapoption.scale = MConstants.SHOW; //設置地圖初始化比例尺狀態，SHOW:顯示（默認），HIDE:隱藏。
mapoption.zoom = 13;//要加載的地圖的縮放級別
mapoption.center = new MLngLat(116.397428,39.90923);//要加載的地圖的中心點經緯度座標
mapoption.language = MConstants.MAP_CN;//設置地圖類型，MAP_CN:中文地圖（默認），MAP_EN:英文地圖
mapoption.fullScreenButton = MConstants.SHOW;//設置是否顯示全屏按鈕，SHOW:顯示（默認），HIDE:隱藏
mapoption.centerCross = MConstants.SHOW;//設置是否在地圖上顯示中心十字,SHOW:顯示（默認），HIDE:隱藏
mapoption.requestNum=100;//設置地圖切片請求併發數。默認100。
mapObj = new MMap("map", mapoption); //地圖初始化
}
</script>
</head>
<body οnlοad="mapInit();">
<div id="result" name="result" style="height: 495px; overflow: auto; width: 247px; padding-top: 5px;"></div>
</body>
</html>
百度地圖
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百度地圖</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<style type="text/css">
html{
height:100%;
}
body{
margin: 0;
padding: 0;
}
#container{
height: 500px;
width:868px;
margin-left: 250px;
margin-top:80px;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");
var point = new BMap.Point(117.138782,36.679666);
map.centerAndZoom(point,15);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl({isOpen:1}));
map.addControl(new BMap.MapTypeControl());
</script>
</body>
</html>