百度地图API（一）

最新推荐文章于 2020-04-12 22:00:01 发布

WalkingAlien

最新推荐文章于 2020-04-12 22:00:01 发布

阅读量1.3k

点赞数

分类专栏：数据可视化地图文章标签： api javascript html5 百度地图地图开发

本文链接：https://blog.csdn.net/WalkingAlien/article/details/52474698

版权

数据可视化同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

地图

3 篇文章 0 订阅

订阅专栏

其实很想用Google呀，然并卵。
本节初探百度地图。首先要申请开发者，然后需要密钥什么的。。。

这里写图片描述
看起来还是很强大的。
今天我试试JavaScript API.

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。
该套API免费对外开放。

1、获得一个AK。选择浏览器端应用。
2、引用API
<script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥" type="text/javascript"></script>
3、实例化

<!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>helloworld</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=你的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); //初始化地图，设置中心点坐标和地图级别
           window.setTimeout(function(){
               map.panTo(new BMap.Point(116.409,39.918));//将让地图平滑移动至新中心点，如果移动距离超过了当前地图区域大小，则地图会直跳到该点。
           },2000);
        </script>

    </body>
</html>

helloworld.
这里写图片描述

WalkingAlien

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图API（一）

其实很想用Google呀，然并卵。本节初探百度地图。首先要申请开发者，然后需要密钥什么的。。。看起来还是很强大的。今天我试试JavaScript API.百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发
复制链接

扫一扫