码迷,mamicode.com
首页 > Windows程序 > 详细

百度地图API简单使用

时间:2014-09-01 19:04:13      阅读:402      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   使用   java   strong   ar   

百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中:  

<script src="http://api.map.baidu.com/api?v=版本&services=true或者false" type="text/javascript"></script>

显示广州火车站简单实例:

bubuko.com,布布扣

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8"/>  
    <title>百度地图API的使用</title>  
    <!-- 百度地图API-->
 <script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>  
    <script type="text/javascript">  
    function initialize() {  
        //创建地图实例  
        var map = new BMap.Map(map);  
        //创建一个坐标
        var point =new BMap.Point(113.264641,23.154905);
        //地图初始化,设置中心点坐标和地图级别  
        map.centerAndZoom(point,15);  
    }  
    window.onload = initialize;  
    </script>  
</head>  
<body>  
<!-- 百度地图地图容器-->
    <div id="map" style="width:500px;height:320px"></div>  
</body>  
</html>  

地图上添加控件:

bubuko.com,布布扣

//添加控件
map.addControl(new BMap.MapTypeControl()); 

MapTypeControl ---------地图类型控件

CopyrightControl --------版权控件

ScaleControl       --------比例尺控件

NavigationControl  ------缩放控件

OverviewMapControl  ----缩略图控件

 

创建标注:

bubuko.com,布布扣

var marker = new BMap.Marker(point);   // 创建标注
map.addOverlay(marker);                        // 将标注添加到地图中                    

 

 

更多请参考百度开放文档:

http://developer.baidu.com/map/jsdemo.htm#a1_2

 

百度地图API简单使用

标签:style   blog   http   color   io   使用   java   strong   ar   

原文地址:http://www.cnblogs.com/tinyphp/p/3949715.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!