百度地圖定位（一）

時間 2019-12-01

原文原文鏈接

一、轉載javascript

<!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 src="http://api.map.baidu.com/api?v=1.4&ak=您的密鑰"></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(121.272291,31.202356), 22); // 初始化地圖,設置中心點座標和地圖級別 1至22級
   //添加地圖類型控件
   map.addControl(new BMap.MapTypeControl({
       mapTypes:[
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]}));
   map.setCurrentCity("上海"); // 設置地圖顯示的城市此項是必須設置的
   map.enableScrollWheelZoom(true); //開啓鼠標滾輪縮放
</script>css

二、圖例html

相關標籤/搜索