存档

2008年12月2日 的存档

公司网站使用Mapbar提供的API整合了地图功能

演示地址:http://www.miaoqiyuan.cn/map.htm

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>QiyuanMap</title>
<script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31
&k=aCW9cItqL78uTR0saSg8TR5pT75hMYF9OIJhMHTsMRWhMYcyZYf9TnT=@STZh8yT=7h05pZYM75sp78hM7hyWhMyqTYLZJHY8fy7f@5JMnhR78JCYHMTaMS@HMMaFAr="></script>
<script type="text/javascript">
var maplet = null;
function initMap(){
maplet = new Maplet("mapbar");
maplet.centerAndZoom(new MPoint(118.2848,35.09736), 10);
maplet.addControl(new MStandardControl());
 
//标注信息
var marker = new MMarker(
new MPoint(118.2848,35.09736),
new MIcon("http://www.miaoqiyuan.cn/favicon.ico",32,32)
);
//添加标注
maplet.addOverlay(marker);
}
</script>
</head>
 
<body onload="initMap()" style="padding:0px;margin:0px;">
<div id="mapbar" style="width:382px;height:340px"></div>
<script type="text/javascript">
//让地图全屏显示
document.getElementById("mapbar").style.height=document.body.clientHeight+"px";
document.getElementById("mapbar").style.width=document.body.clientWidth+"px";
</script>
</body>
</html>

没有评论
十二 2nd, 2008 | Filed under Javascript
标签: , ,