百度地圖

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