百度地圖API呼叫簡單入門例項
阿新 • • 發佈:2019-01-12
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #container { height: 100% } </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=1zsDuVP0lvV13GQwwklAx7Q0RVDvrpb9"> //v3.0版本的引用方式:src="http://api.map.baidu.com/api?v=3.0&ak=您的金鑰" </script> </head> <body> <div id="container"></div> <script type="text/javascript"> var map = new BMap.Map("container"); // 建立地圖例項 var point = new BMap.Point(116.404, 39.915); // 建立點座標 map.centerAndZoom(point, 15); // 初始化地圖,設定中心點座標和地圖級別 map.enableScrollWheelZoom(true); //開啟滑鼠滾輪縮放 </script> </body> </html>
滾動滑鼠可實現放大縮小