先引用百度地图API JS,然后根据API提供的接口进行开发。比如:
<!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" />
<link rel="stylesheet" href="https://www.poscom.cn/map/css/style.css" type="text/css" media="all" />
<link href="https://www.poscom.cn/map/script/src/perfect-scrollbar.css" rel="stylesheet">
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=&s=1"></script>
<script src="https://www.poscom.cn/map/script/jquery-1.7.1.js"></script>
<script src="https://www.poscom.cn/map/script/src/jquery.mousewheel.js"></script>
<script src="https://www.poscom.cn/map/script/src/perfect-scrollbar.js"></script>
<script src="https://www.poscom.cn/map/script/function.js"></script>
<title>GIS地图搜索 - 蜂巢终端</title>
<base target="_blank" />
</head>
<body>
百度的例子确实有问题,这是因为js函数作用域导致的,可以用闭包去解决。详见百度地图API中动态创建marker的InfoWindow,显示不同内容的实现,附带详细代码。