zoukankan      html  css  js  c++  java
  • BMap学习笔记(一)初始化BMap

       百度地图Api: http://lbsyun.baidu.com/

    <!doctype html>
    <html>
    <head>
    <meta 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=2.0&ak=2337624829697af4d7d4884ea113c174">
    </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, 10);                 // 初始化地图,设置中心点坐标和地图级别  
    </script>
    </body>
    </html>

        JavaScript API支持异步加载,您可以在引用脚本的时候添加callback参数,当脚本加载完成后callback函数会被立刻调用

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"/>
    <title>异步加载</title>
    <script type="text/javascript">  
    function initialize() {  
      var mp = new BMap.Map('map');  
      mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);  
    }  
       
    function loadScript() {  
      var script = document.createElement("script");  
      script.src = "http://api.map.baidu.com/api?v=2.0&ak=2337624829697af4d7d4884ea113c174&callback=initialize"; 
      document.body.appendChild(script);  
    }  
       
    window.onload = loadScript;  
    </script>
    <style type="text/css">
    #map {
        height: 100%
    }
    body {
        height: 100%;
        margin: 0px;
        padding: 0px
    }
    html {
        height: 100%
    }
    </style>
    </head>
    <body>
    <div id="map"></div>
    </body>
    </html>
  • 相关阅读:
    java编程思想概括(第二章)一切都是对象
    java编程思想概括(第六章)复用类
    .net程序在无.net环境下运行
    一个让人哭笑不得的触发器
    iReaper for android
    博易博客删除垃圾评论
    解决博易2.0版分页问题
    允许更新此预编译站点的作用
    java包的命名规则技巧
    简易拨号器iCall
  • 原文地址:https://www.cnblogs.com/yyxiangjava/p/5667763.html
Copyright © 2011-2022 走看看