八戒的博客

新浪微博腾讯微博

最新微语:人梦想是永远都不会终结的![嘻嘻]

您的位置:八戒的博客 >其他> 百度地图api新

百度地图api新

<!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" />

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>

    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>

    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />

    <title>百度地图api</title>

    <style type="text/css">

    body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}

    #allmap {height: 100%;width:100%;overflow: hidden;}

    #result {width:100%;font-size:12px;}

    dl,dt,dd,ul,li{

        margin:0;

        padding:0;

        list-style:none;

    }

    dt{

        font-size:14px;

        font-family:"微软雅黑";

        font-weight:bold;

        border-bottom:1px dotted #000;

        padding:5px 0 5px 5px;

        margin:5px 0;

    }

    dd{

        padding:5px 0 0 5px;

    }

    li{

        line-height:28px;

    }

    </style>

</head>

<body onload="openInfoWindow();">

    <div id="allmap"></div>

<script type="text/javascript">

    // 百度地图API功能

    var map = new BMap.Map('allmap');

    var poi = new BMap.Point(116.482933,39.913247);

    map.centerAndZoom(poi, 15);

    map.enableScrollWheelZoom();

   

    map.addControl(new BMap.NavigationControl());   

    map.addControl(new BMap.ScaleControl());   

    map.addControl(new BMap.OverviewMapControl());   

    map.addControl(new BMap.MapTypeControl());

    map.setCurrentCity("北京"); // 仅当设置城市信息时,MapTypeControl的切换功能才能可用  

 

    //样式3

    var searchInfoWindow3 = new BMapLib.SearchInfoWindow(map, "公司:东四环四惠桥尚八设计园A<br>电话:123456", {

        title: "公司地址", //标题

        width: 250, //宽度

        height: 40, //高度

        panel : "panel", //检索结果面板

        enableAutoPan : true, //自动平移

        searchTypes :[

        ]

    });

    function openInfoWindow() {

        searchInfoWindow3.open(new BMap.Point(116.482933,39.913247));

    }

   

</script>

</body>

</html>

 



---

转载请注明本文标题和链接:《百度地图api新

分享到:

发表评论

路人甲 表情

网友评论(1)

挺好的
猪刚鬣 3年前 (2016-04-25) 回复