zoukankan      html  css  js  c++  java
  • google地图引入网页

    <script src="http://maps.google.com/maps?file=api&amp;v=3&amp;sensor=true&amp;key=ABQIAAAAIHAbNjJQCreFjDptcT4yjBR2jvTZOFQfaCn8QtYrCty2-BDc7RSG6t6loXYOXGxFmfXf9-Le0DVAQA" type="text/javascript"></script>
     

    //接下来我要把地图显示在一个框框里面去,也就是DIV里面

    <div id="map_canvas" style=" 500px; height: 300px"></div>
        
    <div id="show_x"></div><!--显示X坐标-->
    <div id="show_y"></div><!--显示Y坐标-->
    <div id="zoom"></div><!--显示缩放级别-->
    //下面将会是实例化google库,开始要干了!

    <script language="javascript">
            var map = new GMap2(document.getElementById("map_canvas"));//实例化,显示google地图
            var center = new GLatLng(39.916912086904624,116.39697074890137);   指定的坐标     
            map.setCenter(center,13);//指定坐标,缩放级别,setcenter 设置地图中心位置    
            
    //var mapControl = new GMapTypeControl();     //控件
            
    //map.addControl(mapControl);            //控件 
            
    //map.addControl(new GLargeMapControl());      //控件        
            var marker = new GMarker(center, {draggable: true});//是否可以拖动
            map.addOverlay(marker);       //生成了一个小标记 //marker 
            
         
    //下面的部分是什么呢?
            GEvent.addListener(map, 'click', function(overlay, point) {
              if (point) {
                document.getElementById("show_x").innerHTML = point.x;        //获取当前是x的坐标
                document.getElementById("show_y").innerHTML = point.y;        //获取当前是y坐标
                document.getElementById("zoom").innerHTML = map.getZoom();    //获取当前是缩放级别
              }
            });
        </script>
  • 相关阅读:
    Oracle DBA 数据库结构试题2
    Oracle DBA启动和关闭例程试题
    Oracle 命令大汇总备份与恢复
    数据库管理应注意的问题
    Using ICSharpCode.SharpZipLib for zip file
    SQL 2005 新功能
    ASP.net的RUL重写
    datalist 的 Datasource怎样绑定 泛型 List
    文件压缩/解压缩开源项目SharpZipLib在C#中的使用
    asp.net页面间传值的9种方式
  • 原文地址:https://www.cnblogs.com/qhorse/p/4702320.html
Copyright © 2011-2022 走看看