网页中调用 google map API 以及 百度地图 API

google 地图需要加载的文件   jquery版本可选
  <script type= "text/javascript" src= "js/jquery-1.9.1.min.js" ></script>
     <script type= "text/javascript" src= "http://maps.google.com/maps/api/js" ></script>

百度地图需要加载的文件
    <script type= "text/javascript" src= "http://api.map.baidu.com/api?v=2.0&ak=您的密钥" ></script>

$( function (){
    // 百度地图API功能
    var map = new BMap.Map( "allmap" );    // 创建Map实例
    map.centerAndZoom( new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
    map.addControl( new BMap.MapTypeControl());   //添加地图类型控件
    map.setCurrentCity( "北京" );          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom( true );     //开启鼠标滚轮缩放


   /****************************  华丽丽的分割线   ***********************************/
    initialize();
    function initialize(){
        var hustlab = new google.maps.LatLng(30.512303, 114.412612); //30.512303, 114.412612
        var myOptions = {
            zoom:8,
            center:hustlab,
            mayTypeId:google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById( 'googlemap' ),myOptions);
        google.maps.event.addListener(map, 'click' , function (event){
            var marker = new google.maps.Marker({
                position:event.laglng,
                map:map
            });
            google.maps.event.addListener(marker, 'click' , function (event){
                marker.setUp( null );
                console.log( 'hust' );
            })
        });

    }

});