html页面嵌入腾讯地图

页面引入：<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>

加载js 腾讯地图api：

<script type="text/javascript">
function init() {
  //设置地图中心点
  var myLatlng = new qq.maps.LatLng(30.325120,120.144380);
  //定义工厂模式函数
  var myOptions = {
    zoom: 30,               //设置地图缩放级别
    center: myLatlng,      //设置中心点样式
    mapTypeId: qq.maps.MapTypeId.ROADMAP  
  }
  //获取dom元素添加地图信息
  var map = new qq.maps.Map(document.getElementById("container"), myOptions);
}
  //异步加载地图库函数文件
function loadScript() {
  //创建script标签
  var script = document.createElement("script");
  //设置标签的type属性
  script.type = "text/javascript";
  //设置标签的链接地址
  script.src = "http://map.qq.com/api/js?v=2.exp&callback=init";
  //添加标签到dom
  document.body.appendChild(script);
}
window.onload = loadScript;    // dom文档加载结束开始加载 此段代码

</script>

获取所选位置的经纬度：

1. <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>  
2.   
3.   
4. <script>  
5.         var geocoder, map, marker = null;  
6.      
7.         geocoder = new qq.maps.Geocoder();  
8.   
9.   
10.         function codeAddress() {  
11.             var address = '中国,北京,海淀区,海淀大街38号';  
12.             //对指定地址进行解析  
13.             geocoder.getLocation(address);  
14.             //设置服务请求成功的回调函数  
15.             geocoder.setComplete(function(result) {  
16.             console.log(result);  
17.             });  
18.             //若服务请求失败，则运行以下函数  
19.             geocoder.setError(function() {  
20.                 alert("出错了，请输入正确的地址！！！");  
21.             });  
22.         }  
23.         codeAddress();  
24. </script>