`

代码：日历

JavaScriptGoogleXHTMLHTML 
阅读更多
!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">
//<![CDATA[
    var map;
var i=true;
    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(22.5, 113.9),;
   GEvent.addListener(map, "moveend", function(){
     var center = map.getCenter();
     var latField = document.getElementById("textLat");
     var lngField = document.getElementById("textLng");
     latField.value = center.lat();
     lngField.value = center.lng();
   });
/* var geoPoint0 = new GLatLng(22.5, 113.9);
   var marker0 = new GMarker(geoPoint0);
   map.addOverlay(marker0);
 
   var geoPoint1 = new GLatLng (23.7, 114.4);
   //var marker1 = ;
   map.addOverlay(new GMarker(geoPoint1));*/
      }
 

   map.addControl(new GLargeMapControl());
   map.addControl(new GMenuMapTypeControl() );
// map.addmaptype(map.mousemove(latlng:GLatLng)) ;
// document.form1.textfield.value=map.getBounds();

    }

function getLatLng(event)
{
      if( !map) return;
      var e = event ? event : window.event;
      var container = document.getElementById("map_canvas");
   var x = event.clientX - container.offsetLeft;
   var y = event.clientY - container.offsetTop;
   var gPoint = new GPoint(x, y);
   var latLng = map.fromContainerPixelToLatLng(gPoint);
   var latField = document.getElementById("textLat");
   var lngField = document.getElementById("textLng");
   latField.value = latLng.lat();
   lngField.value = latLng.lng();
}

function getXY()
{
     var container = document.getElementById("map_canvas");
   var x = container.offsetLeft;
   var y = container.offsetTop;
   alert(x);
   while(container = container.parentNode)
   {
      if(container.tagName == "body" || container.tagName == "BODY") break;
      x += container.offsetLeft;
    y += container.offsetTop;
   }
   alert(x);
}

function move()
{
   map.panTo(new GLatLng(22.5, 113.9), 12);
   //map.panTo(new GLatLng(,), 12);
}

function change(event)
{
   if(!i)
    map.setMapType(G_NORMAL_MAP);
   else
    map.setMapType(G_SATELLITE_MAP);
   i=!i;
}

function getpoint()
{
 
}

    </script>
   
</head>
<body onload="initialize()" onunload="GUnload()">  


      <div id="map_canvas" style="width:800px; height:600px" onmousemove="getLatLng(event)"></div>

<input type="button" value="测试" onclick="getXY()"/>
<form name="form1">
      <p>
        <label></label>
        维度：<input type="text" readonly="true" id="textLat" />
             <input type="button" value="返回地图初始点" onclick="move()" />
        <br />
        精度：<input type="text" readonly="true" id="textLng" />
        <input type="button" value=" 切换地图模式 " onclick="change()"/>
      </p>
</form>

</body>
</html>

敲的很辛苦，留个言吧
分享到：
| 代码：!DOCTYPE html "-//W3C//DTD XHTML 1 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    源代码：网站制作电影日历.rar

    【源代码：网站制作电影日历.rar】是一个包含创建电影日历网站的源代码资源，这个压缩包很可能是为了帮助开发者或网页设计师学习如何构建一个功能完善的电影展示平台。通过分析这个项目，我们可以深入理解以下几个...

    日历代码 显示日历的代码

    日历代码 显示日历的代码 日历代码 显示日历的代码

    课程设计题三：日历和数字钟.zip

    含有protues图和程序（全注释，连变量都注释） 1、数字钟：时、分，小时用二十四进制显示，分钟用六十进制显示。 2、显示采用动态数码管显示方式 3、动态时显示六位：时 分 秒 用按键可切换显示年月日 ...

    java源码：日历同步统计 GCALDaemon.zip

    【标题】"java源码：日历同步统计 GCALDaemon.zip"所涉及的知识点主要集中在Java编程语言，源代码分析，以及日历同步算法。GCALDaemon是一个开源项目，用于在本地日历（如Google Calendar）与不同设备之间进行同步。...

    HTML日历源代码

    HTML日历源代码是网页开发中的一个重要组成部分，它主要用于在网站上展示日期和时间信息，或者作为用户输入日期的交互式界面。HTML日历通常结合CSS（层叠样式表）和JavaScript来实现其视觉效果和动态功能。在这个...

    Java项目:日历万年历(java+swing)

    【Java项目:日历万年历(java+swing)】是一个基于Java编程语言和Swing图形用户界面库开发的应用程序，其主要目标是实现一个能够显示并操作任意年份的完整日历的功能。这个项目涵盖了Java核心概念、Swing组件使用以及...

    JSP日历控件代码

    **JSP日历控件代码详解** 在网页开发中，日期选择控件是常见的功能之一，JSP（JavaServer Pages）作为服务器端脚本语言，提供了丰富的功能来创建动态网页。本篇将深入探讨如何在JSP中实现日历控件，并基于提供的...

    c 语言日历源代码

    小项目：c语言日历表，课上练习，可以实现按键响应。

    Windows日历源代码

    7. **多线程编程**：如果日历程序支持后台任务，如同步网络日历，那么源代码中可能会涉及到多线程的概念和同步机制。 通过分析和学习Windows 2000日历的源代码，开发者不仅可以增强对Windows编程的理解，还能学习到...

    日历控件完整代码

    在IT领域，日历控件是一种...提供的压缩包中的代码和资源为开发者提供了一个完整的日历控件解决方案，可以作为一个起点进行学习和自定义开发。在实际项目中，可以根据需求对其进行扩展和优化，以满足不同的业务场景。

    桌面日历源代码

    【桌面日历源代码】是一个基于C#编程语言编写的桌面应用程序，用于提供方便的日期管理功能。在本文中，我们将深入探讨这个项目的核心概念、技术栈和关键知识点，帮助你理解和学习C#桌面应用开发。 1. **C#基础知识*...

    日历记事本4（Java源代码）

    【日历记事本4（Java源代码）】是一个基于Java编程语言开发的应用程序，它提供了日历管理和记事功能，方便用户记录日常生活中的事件和提醒。在这个项目中，开发者可能利用了Java丰富的类库来实现日历显示、事件添加...

    js移动端日历签到页面代码.rar

    这个“js移动端日历签到页面代码”提供了一种实现方式，帮助开发者创建一个用户友好的日历界面，允许用户每天进行唯一一次签到操作。下面我们将深入探讨这个主题，讲解如何利用JavaScript来构建这样的功能。 首先，...

    精美日历代码，原代码

    【精美日历代码详解】 日历是我们日常生活中不可或缺的一个工具，无论是用于规划工作还是记录重要日期，它都扮演着重要角色。在IT行业中，创建一个功能完善的精美日历不仅可以提升用户体验，也是展示编程技巧的好...

    安卓日历源代码

    这个"安卓日历源代码"提供了一个简洁的实现，对于开发者来说是一个宝贵的资源，可以帮助理解如何在Android平台上构建和定制日历功能。下面将详细讨论相关知识点。 1. **安卓日历API**： 安卓系统提供了`android....

    bootstrap 日历行程表代码

    bootstrap 日历行程表代码 bootstrap 日历行程表代码 bootstrap 日历行程表代码 bootstrap 日历行程表代码 bootstrap 日历行程表代码 bootstrap 日历行程表代码

    小程序源码 电影日历 (代码+截图)

    小程序源码 电影日历 (代码+截图)小程序源码 电影日历 (代码+截图)小程序源码 电影日历 (代码+截图)小程序源码 电影日历 (代码+截图)小程序源码 电影日历 (代码+截图)小程序源码 电影日历 (代码+截图)小程序源码 ...

    日历的源代码

    "日历的源代码"这个主题涉及到的是如何创建一个基础的日历功能，特别是ABCaledarPicker项目，这是一个开源的日历选择器库。下面我们将深入探讨日历源代码的实现细节以及ABCalendarPicker的相关知识点。 首先，日历...

    日历功能APP代码

    在"Rili"这个文件中，很可能包含了实现上述功能的源代码，通过分析和学习这些代码，开发者可以深入理解如何构建一个完整的日历应用。对于初学者，这是一个很好的实践项目，可以提升对日期处理、用户界面设计以及移动...

    VB日历源代码

    VB日历源代码是一个基于Visual Basic（VB）开发的日历应用程序。这个程序提供了一个用户友好的界面，允许用户查看和管理日期。VB是Microsoft开发的一种编程环境，特别适合创建Windows桌面应用程序，它采用事件驱动...

Magicbox
Global site tag (gtag.js) - Google Analytics