上传者: jarry42
|
上传时间: 2019-12-21 19:58:11
|
文件大小: 2KB
|
文件类型: rar
效果可查看http://nongfuit.com/article_show/10118.aspx
实现地图可移动方法缩小的鱼骨效果,并默认显示信息窗!
使用非常的简单, 只需设置经度纬度,信息窗口标题以及内容即可!
var point = new BMap.Point(113.88582,22.555523);设置经度与纬度
百度坐标拾取工具http://dev.baidu.com/wiki/static/map/API/tool/getPoint/
代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度地图API调用示例 - by www.nongfuit.com</title>
<style>
.iwTitle {
color: #CC5522;
font-size: 14px;
font-weight: bold;
white-space: nowrap;
}
body
{
font-size: 12px;
}
</style>
[removed][removed]
</head>
<body>
农夫it站www.nongfuit.com为您提供各种实用的js网页特效,div+css模板,css后台模板,实用css菜单,广告代码以及各类it技术文章!
</body>
</html>
[removed]
var map = new BMap.Map("container");
var point = new BMap.Point(113.88582,22.555523);
var marker = new BMap.Marker(point);
var opts = {
width : 200, // 信息窗口宽度
height: 80, // 信息窗口高度
title : "农夫it站-百度地图API调用示例", // 信息窗口标题
}
map.addControl(new BMap.NavigationControl());
map.centerAndZoom(point, 15);
map.addOverlay(marker);
var infoWindow = new BMap.InfoWindow("地址:海秀路2021北门网址:http://www.nongfuit.com", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口
[removed]