天天看点

百度地图

<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>