ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Event_Properties.aspx.cs"
Inherits="Samples.Events.Event_Properties" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>获取和设置事件处理程序中的属性 </title>
    <style type="text/css">
        #maps
        {
            height: 500px;
        }
    </style>

var map; //申明地图变量
        //初始化地图函数
        function initialize() {
            var Latlng = new google.maps.LatLng(-25.363882, 131.044922);
            var Options = {
                zoom: 4, center: Latlng, mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            //初始化地图
            map = new google.maps.Map(document.getElementById("maps"), Options);
            var zoomLevel; //申明地图大小级别变量
            //申明信息窗口
            var infowindow = new google.maps.InfoWindow(
             {
                 content: "Zoom Level Test", size: new google.maps.Size(50, 50), position: Latlng
             }
          );
            infowindow.open(map); //打开信息窗口
            google.maps.event.addListener(map, "zoom_changed", function() { //侦听地图的zoom_changed 事件
                zoomLevel = map.getZoom(); //获取地图大小级别
                infowindow.setContent("Zoom:" + zoomLevel); //设置信息窗口内容
                if (zoomLevel == 0) { //如果地图大小级别为0,设置地图大小级别为10
                    map.setZoom(10);
                }
            })
        }
        google.maps.event.addDomListener(window, "load", initialize); //将初始化函数绑定到window的load事件
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="maps">
    </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/wuqingliang/archive/2010/10/18/2555175.html

ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性...相关推荐

ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置
ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置对于一些基本的东西,google maps JavaScript api v3 文档已经讲解得足够 ...
Google Maps JavaScript API V3的使用(四)
Google Maps JavaScript API V3 叠加层叠加层概述叠加层是地图上与纬度/经度坐标绑定的对象,会随您拖动或缩放地图而移动.叠加层表示的是"添加"到地图中 ...
HTML5中快速运用Google Maps JavaScript API V3
因论坛方吃图,我已经做了Word文档供下载,请去下载:http://download.csdn.net/detail/david1030/4464369 第一个示例: 几点需要注意: 我们使用了< ...
Google maps javascript api v3 叠加层（Overlays）介绍
很多人尝试google maps api的开发,通常会涉及到在Google maps上进行标注功能的开发.Helloj2ee学习一项技术通常不在看书,而是多以帮助为主.当我看完之后,我将Overlay ...
Google Maps JavaScript API V3 叠加层
注意:以下网页中提到的 Google Maps JavaScript API 第 3 版现在是正式的 JavaScript API 版本.该 API 的第 2 版已根据我们的弃用政策正式弃用.欢迎您将 ...
Google Maps JavaScript API V3 根据地址加载地图
效果图如下: javascript代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
Google Maps JavaScript API V3 官方网站
http://code.google.com/intl/zh-CN/apis/maps/ http://code.google.com/intl/zh-CN/apis/maps/documentati ...
Google Maps JavaScript API 使用
这两天用了Google Maps JavaScript API 中的一个自动填充地址表单的api,api地址是:https://developers.google.com/maps/documenta ...
Google Maps Android API v2官网例子使用说明
2019独角兽企业重金招聘Python工程师标准>>> 1.安装Google Play services SDK Google Maps SDK已经作为Google Play ser ...

ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性...

ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性

ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性...相关推荐

最新文章

热门文章