您的位置：首页 > 其它

第一个高德地图的Web程序

2015-11-14 22:49 288 查看
（1）申请高德地图的账号及key

http://lbs.amap.com/

我申请的是高德地图Javascript API的key，下面代码红色部分就是申请到的key

（2）建立Web工程及index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" %>

<!DOCTYPE HTML>

<html>

<head>

<title>My first Map!</title>

<link rel="stylesheet" type="text/css" href="zero.css" />

<script language="javascript" src="http://webapi.amap.com/maps?v=1.3&key=高德的javascrip key"></script>

<style type="text/css">
#container {width:1024px; height: 768px; }

</style>

</head>

<body>

<center>

<div id="container">

</div></center>

<script language="javascript">
var map = new AMap.Map('container');
map.setZoom(10);
map.setCenter([121.48,31.41]);

</script>

</body>

</html>

（3）启动Tomcat，就能看到高德地图了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航