开始学习凯立德地图JavaScript API触控版最简单的方式是看一个简单的示例。以下代码创建了一个全屏的地图区域并以上海东方明珠作为地图的中心。
页面HTML:
<!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 language="javascript" type="text/javascript" src="http://mapapi.careland.com.cn/mobile/api/?key=您的密钥&v=1.2" charset="utf-8"></script>
<title>地图应用</title>
</head>
<body>
<div id="mymap" style="width:100%;height:100%;"></div>
</body>
</html>
脚本代码:
<script language="javascript" type="text/javascript">
var point = new Careland.Point(437733644, 112697303); //创建地图中心点
var map = new Careland.Map("mymap",point, 17); //创建地图对象
map.enableCenterIcon(); //启用地图中心点图标
map.load(); //加载地图
</script>