<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Map</title> <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script> <script charset="utf-8" src="jquery-1.9.0.min.js"></script> <script> var init = function() { var map = new qq.maps.Map(document.getElementById('container')); var myLatLng = new qq.maps.LatLng(39.916527,116.397128); map.panTo(myLatLng); } $(function(){ // var map=new qq.maps.Map($('#container')[0]);//$('#container')是一个jQuery对象 这里需要的是DOM元素 // var myLatLng = new qq.maps.LatLng(39.916527,116.397128); // map.panTo(myLatLng); var center = new qq.maps.LatLng(39.916527,116.397128); //第二种创建地图的方式 var map = new qq.maps.Map($('#container')[0],{ center: center, zoom: 13 }); var marker = new qq.maps.Marker({ position: center, map: map }); var info = new qq.maps.InfoWindow({ map: map }); qq.maps.event.addListener(marker, 'mouseover', function() { info.open(); info.setContent('<div style="text-align:center;white-space:nowrap;'+ 'margin:10px;">hover标记</div>'); info.setPosition(center); }); qq.maps.event.addListener(marker, 'mouseout', function() { info.close(); }); }); </script> </head> <body> <div id="container" style="500px; height:300px"></div> </body> </html>