`

Google API自定义控件

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></script>
<script type="text/javascript">
//var map;
function TextualZoomControl(){

}
TextualZoomControl.prototype = new GControl();
TextualZoomControl.prototype.initialize = function(map){
var container = document.createElement("div");
var zoomInDiv = document.createElement("div");
this.setButtonStyle_(zoomInDiv);
container.appendChild(zoomInDiv);
zoomInDiv.appendChild(document.createTextNode("放大"));
GEvent.addDomListener(zoomInDiv, "click", function(){
   map.zoomIn();
});
var zoomOutDiv = document.createElement("div");
this.setButtonStyle_(zoomOutDiv);
container.appendChild(zoomOutDiv);
zoomOutDiv.appendChild(document.createTextNode("111"));
GEvent.addDomListener(zoomOutDiv, "click", function(){
   map.zoomOut();
});

map.getContainer().appendChild(container);
return container;
}

TextualZoomControl.prototype.getDefaultPosition = function() {
   return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,10));
}

TextualZoomControl.prototype.setButtonStyle_ = function(button){
button.style.textDecoration = "underline";
button.style.color = "red";
button.style.backgroundColor = "white";
button.style.font = "small Arial";
button.style.border = "1px solid black";
button.style.padding = "0px";
button.style.marginBottom = "0px";
button.style.textAlign = "center";
button.style.width = "5em";
button.style.cursor = "pointer";
}

function load(){
   if(GBrowserIsCompatible()){
   var map = new GMap2(document.getElementById("map_canvas"));
   map.setCenter(new GLatLng(22.5,113.9),10);
   map.addControl(new TextualZoomControl());

   }
}
</script>
</head>

<body onload="load()" onunload="GUnload()">
<div id="map_canvas" style="width:800px; height:600px"></div>
</body>
</html>
敲的很辛苦,留个言吧
分享到:
评论

相关推荐

    自定义控件实例源码

    在这个压缩包中,`android-support-v4.jar`是一个非常重要的库文件,它是Google官方为Android应用程序提供的支持库,包含了对Android 4.0(API级别14)及更低版本的支持,提供了许多API特性,比如Fragment、Loader等...

    android 自定义控件实现demo收集 及 框架收集

    在Android开发中,自定义控件和框架的运用是提升应用独特性和性能的关键。下面将对"android 自定义控件实现demo收集 及 框架收集"这一主题进行深入探讨。 首先,自定义控件在Android应用开发中扮演着重要角色。它们...

    一个可创建Google Calendar Event hyperlinks 的ASP.NET 自定义控件源码

    总的来说,这个ASP.NET自定义控件展示了如何利用.NET框架的强大功能,结合Google Calendar API,为用户提供便捷的日历事件创建体验。对于任何涉及在线日程安排的网站或应用,这样的控件都是一个有价值的工具。

    自定义控件的简单使用与理解

    在Android开发中,自定义控件是提升应用独特性和用户体验的重要手段。自定义控件的简单使用与理解涉及到了几个关键点,包括自定义Dialog、仿新浪微博TabBar以及Android抽屉效果的实现。下面我们将详细探讨这些内容。...

    google maps 自定义图形控件

    然后,你可以在JavaScript中编写自定义控件的代码,确保与Google Maps API的接口正确对接。 总结一下,通过VS2008封装Google Maps API,我们可以创建自定义图形控件,使得用户能够方便地通过右键操作在地图上添加...

    安卓自定义控件相关-开源框架实例一百分比布局的使用.rar

    在Android开发中,自定义控件是提升应用独特性和用户体验的重要手段。开源框架"百分比布局"(PercentLayout)提供了一种方式,让开发者能够基于屏幕尺寸和比例来设计布局,确保不同尺寸设备上的界面都能保持一致的...

    arcgis api 3.x for js 自定义Navigation控件样式风格源码

    5. **ArcGIS API for JavaScript 3.x 版本**:这个版本的API提供了丰富的地图服务和图层管理功能,同时也支持自定义控件和图层渲染。开发者需要注意版本之间的差异,因为某些API方法或类在不同版本中可能会有所改变...

    google地图控件源码

    开发者可以通过API自定义这些控件的位置、样式,甚至创建自己的控件来增强用户体验。例如,你可以添加一个按钮,当用户点击时,地图会自动切换到卫星视图。 "源码"在这里指的是实现这些功能的编程代码,通常使用...

    GoogleMap控件下载

    Google Maps API是GoogleMap控件的核心,提供了丰富的JavaScript接口供开发者调用。这些接口包括但不限于: 1. **初始化地图**:设置地图中心点、缩放级别、地图类型等初始参数。 2. **添加标记**:在地图上放置可...

    Android 自定义地图控件,可放大缩小拖动,加点加线

    在Android开发中,有时我们需要对默认的地图...总之,Android中的自定义地图控件涉及了地图API的使用、手势处理、地图元素的添加等多个方面。通过不断学习和实践,开发者可以根据项目需求打造出功能强大的地图应用。

    二维码扫描控件

    在Android中,常见的解码库有ZXing(Zebra Crossing)和Google的Mobile Vision API。自定义控件通常会基于这些库进行封装,以便更方便地在UI上使用。 自定义控件的设计需要考虑以下几个关键点: 1. **相机预览**:...

    good-map:Google Maps JavaScript API的简单自定义元素包装器

    好图是的简单自定义元素包装器。安装在页面上的某处添加 ( async / defer是可选的):&lt; script src =" good-map.js " async defer &gt; &lt;/ script &gt; 或者,使用HTML导入以包含 :&lt; link rel =" import ...

    谷歌地图API

    谷歌地图API提供了叠加层(Overlay)和地图类型(MapType)服务,可以用于添加自定义的叠加层和地图类型。API提供了多种叠加层和地图类型选项,可以根据需要进行设置。 图层 谷歌地图API提供了多种图层(Layer)...

    js谷歌日程控件

    通过上述内容,我们可以了解到"js谷歌日程控件"是一个强大且功能丰富的Web组件,它旨在简化日程管理,并为开发者提供高度的灵活性和自定义空间。无论是在个人项目还是企业级应用中,它都能成为一个有价值的工具。

    Android自定义控件打造绚丽平行空间引导页

    本文将深入探讨如何利用自定义控件来创建一个绚丽的平行空间引导页。平行空间引导页通常以动态、引人入胜的视觉效果吸引用户注意力,提升用户体验。 首先,我们关注到“百分比布局”的使用。在Android中,谷歌提供...

    GMaps-UI5:UI5 Google地图的自定义控件

    `GMaps-UI5`的核心在于它提供了一个UI5兼容的自定义控件,该控件基于Google Maps JavaScript API,使得开发者能够利用Google Maps的强大功能,如定位、路线规划、标记、信息窗口等,同时保持UI5应用的一致性和用户...

    图书Google Maps API开发大全的各章源码

    3. **控件**:API支持添加自定义或预定义的控件,如缩放控件、地图类型切换控件等,这些控件能提升用户体验,使用户更容易操作地图。 4. **叠加层**:叠加层允许开发者在地图上展示非标准的图层,如天气图层、交通...

    自定义广告控件

    6. **集成广告SDK**:如果你打算使用第三方广告平台(如Google AdMob、Facebook Audience Network等),你需要按照其提供的文档集成SDK,并在自定义广告控件中调用其API来展示广告。 7. **测试与优化**:在真机或...

    基于jquery和googleapi的统计图js控件

    其次,Google API在这里指的是Google Charts API,这是一个强大的服务,它提供了丰富的图表类型和自定义选项。通过这个API,开发者可以生成动态的、交互式的图表,并且可以直接嵌入到网页中。Google Charts支持多种...

    google map api 及范例

    - **控制(Controls)**:如缩放控件、街景控件等,可自定义布局和显示。 5. **地理编码与反向编码** Geocoding API将地址转换为经纬度坐标,而反向编码则是将坐标转换为地址。 6. **路径规划** Directions API...

Global site tag (gtag.js) - Google Analytics