根据百度地图API官网代码去修改实现网页读取数据库点位信息,点位信息显示在地图右侧,通过鼠标点击事件触发读取数据库内该点位信息的经纬度数据,从而添加标注点到地图上。
百度地图API官网原代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Lite Map</title>
<script type="text/javascript" src="//api.map.baidu.com/api?ak=您的密钥&type=lite&v=1.0"></script>
<style type="text/css">
html {height: 100%;}
body{height: 100%; margin: 0px; padding: 0px;}
#container{height: 100%}
</style>
</head>
<body>
<div id="container"></div>
</body>
</htm