百度地图

<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<div id="map" style="width: 100%; height: 300px; border: 1px solid rgb(204, 204, 204); margin: 6px auto 0px; overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;">

<script type="text/javascript">
var map = new BMap.Map("map");
var point = new BMap.Point(113.557135, 22.799844);
map.centerAndZoom(point, 18);
var opts = {type: BMAP_NAVIGATION_CONTROL_SMALL,anchor: BMAP_ANCHOR_TOP_RIGHT}
map.addControl(new BMap.NavigationControl(opts)); //添加鱼骨
map.enableScrollWheelZoom();//启用滚轮放大缩小,默认禁用。
// 创建标注
var qs_marker = new BMap.Marker(point);
map.addOverlay(qs_marker);
// 创建标注
// 打开信息窗口
var opts = {
width : 150, // 信息窗口宽度
height: 50, // 信息窗口高度
title : "11111" // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("123123123", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point);
// 打开信息窗口
</script>

你可能感兴趣的:(js,api,百度地图)