- <!DOCTYPE html>
- <HTML>
- <head>
- <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:"微软雅黑";
- }
- </style>
- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yXhgeT5UqkP5ky4vORj50P8RxueRkrqi">
- </script>
- <title>
- 地图展示
- </title>
- </head>
- <body>
- <div id="allmap">
- </div>
- </body>
- </HTML>
- <script type="text/javascript">
- // 百度地图 API 功能
- var map = new BMap.Map("allmap"); // 创建 Map 实例
- map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图, 设置中心点坐标和地图级别
- // 添加地图类型控件
- map.addControl(new BMap.MapTypeControl({
- mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP]
- }));
- map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
- map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
- </script>
AK 是我自己申请的, 不希望被随意调用.
画饼.
来源: http://www.bubuko.com/infodetail-2855908.html