分類  >  Web前端 >

百度map使用

tags:    時間:2013-12-09 23:14:56
百度地圖使用

頁面嵌入百度地圖,並且使用自定義的圖標標註點

 

<html> <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=2.0&ak=yourAK"></script> 	<script src="http://d1.lashouimg.com/static/js/release/jquery-1.4.2.min.js" type="text/javascript"></script>  </head> <body> 	<div style="width:1024px;height:768px;border:1px solid gray" id="container"> 	</div> </body> </html> <script type="text/javascript">  var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.403884,39.914887), 13); map.enableScrollWheelZoom(); var icon = new BMap.Icon('/assets/logo.jpg', new BMap.Size(162, 55), {anchor: new BMap.Size(30, 30)}) // logo.jpg為自定義的標註圖片, anchor 設定圖標位置 var marker=new BMap.Marker(new BMap.Point(116.403884,39.914887),{icon: icon}); map.addOverlay(marker);  </script>

 

推薦閱讀文章

Bookmark the permalink ,來源:互聯網