百度地图api的调用 - Go语言中文社区

百度地图api的调用


1.注册百度地图账号

网址:
http://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5

2.创建一个新的应用

这里选择的是js API
网址:
http://lbsyun.baidu.com/index.php?title=jspopular
如图,创建提交并生成密钥

这里写图片描述

3.在eclipse中中新建一个web项目

java ee视图,新建一个html文件,插入该语句调用百度地图api:
密钥在新建的应用中:

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥">

这里写图片描述

4.参考hello world编写代码

网址:
http://lbsyun.baidu.com/index.php?title=jspopular/guide/helloworld

例如,
(将你自己的密钥加入就可以运行了):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1.map</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=你的密钥">
</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);
// 初始化地图,设置中心点坐标和地图级别  
</script>
</body>
</html>

5.运行

这里写图片描述

6.更多实例

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

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_39497296/article/details/79613485
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2023-01-02 19:30:38
  • 阅读 ( 291 )
  • 分类:职场

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢