<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<meta name= "viewport" content= "initial-scale=1.0, User-scalable=no"/>
<style type= "Text/css" >
Body, HTML, #allmap {width:100%;height:100%;overflow:hidden;margin:0;font-family: "Microsoft Jas Black";}
</style>
<script type= "Text/javascript" src= "http://api.map.baidu.com/api?v=2.0&ak= Your Keys" ></script>
<title> Map Show </title>
<body>
<div id= "Allmap" ></div>
</body>
<script type= "Text/javascript" >
Baidu Map API Features
var map = new Bmap.map ("Allmap"); Create a Map instance
Map.centerandzoom (New Bmap.point (116.404, 39.915), 11); Initialize map, set center point coordinates and map level
Map.addcontrol (New Bmap.maptypecontrol ()); Add a Map type control
Map.setcurrentcity ("Beijing"); Set the city that the map displays this item is required to be set
Map.enablescrollwheelzoom (TRUE); Turn On mouse wheel zoom
</script>
8, Map