摘要：
在现在的网页设计中，网页设计者都非常注重用户体验。而CSS中，font-size使用em还是px，如果选择不好将会影响到我们的用户体验。大部分的网页设计者认为px比em容易使用，或者有些根本就不知道em、px这两者的区别以及如何使用。大部分的网页设计者在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何 作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。一、首先说下em和px的区别：1. IE无法调整那些使用px作为单位的字体大小;2.Fir 阅读全文
摘要：
google map默认的标示GMarker，只能使用图片不能使用文字。但是在实际中，我们不可避免的需要在地图上标示文字信息。例如地名等。Google 地图 API 使我们可以通过扩展GMarker实现自定义的GMarker的子类LabelMarker。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 google.maps.LabelMarker = function(latlng, options) { this.latlng = . 阅读全文
摘要：
2、使用自定义的JS和Google Map API中的GClientGeocoder类其实Google Map API中提供了一个GClientGeocoder类来实现地址译码，即实现地名与坐标的转换，这个是需要从客户端提交地名来查找数据库从而返回坐标值。先看下面的代码：var rpoint;var map = new GMap2(document.getElementById("GMapContainer"));var geocoder = new GClientGeocoder();geocoder.getLatLng(str,function(rpoint){//al 阅读全文
摘要：
1、使用Google Map API中的GMap2类的控件在提到地图上的默认控件和GMap2的设置项的时候，我都提过谷歌地图的本地搜索栏控件，要在地图上加上这个控件其实很简单，不需要调用GMap2.addControl()，只需要一句话：map.enableGoogleBar();这样就可以在地图的左下角加上这个搜索栏了，并且替换掉了原来的谷歌Logo的图片。目前用这个搜索栏可以搜索两种类型的数据：1）地名；2）谷歌提供的商业数据，比如“餐馆”。默认是在当前显示的地图范围内搜索；具体的搜索结果是上面的哪种类型由你输入的关键字决定，没有什么特别的方法。搜索返回结果后会自动在地图上加上所有结果的标 阅读全文
摘要：
与地图上的控件不同，地图上的叠加层（Overlay）指的是和某个经纬度坐标绑定，能够跟随地图的缩放拖拽而相应移动的DOM元素。地图API文档里定义的GMarker、GPolyline、GInfoWindow都属于叠加层。下面主要讲一下GMarker的使用，其他都是类似的，可以参考Google Map API文档。先看下面的代码：（详细参考MyApp2.html和js/GMap.js）var marker = new GMarker(rpoint);map.addOverlay(marker);marker.openInfoWindowHtml("欢迎查看"+str+&quo 阅读全文
摘要：
前面设置地图的文档里面其实漏掉了一个很有意思而又不太引人注目的地图特性，就是设置地图的快捷键。说实话，之前我也没有注意过这一点，甚至都没有想过地图可以支持快捷键，一个以拖拽成名的应用，谁又能想到可以用快捷键来控制呢？仔细看了一下，谷歌地图使用GKeyboardHandler类来支持键盘操作，更有意思的是，这个类在文档顶部的类名列表中没有出现，不知道是整理文档的疏漏，还是因为这个类太小，小的连一个方法或者参数都没有，只有光秃秃一个类充作构造函数。也可能是这个类所支持的键盘操作有限吧，我把支持的键做了个列表：方向键向对应的方向连续移动地图，同时按下邻近的两个会向对角移动；Home/End以3/4的 阅读全文
摘要：
之前我曾经解释过创建一个地图的详细步骤，但是，真正创建地图的核心步骤也就两行代码：var map = new GMap2(document.getElementById("mapContainer"));map.setCenter(new GLatLng(39.970981,116.314108), 16);有这两行代码，你就可以在你的网页上展现你的谷歌地图了。但是，这个是最简单的地图，如果你想要对这个地图做一些小小的变动，更符合你的胃口，可以使用GMapOptions来尝试定制地图。简单的说，GMapOptions是你在new一个GMap2对象的时候，可以直接使用对象变量 阅读全文
摘要：
初始化一个GMap2对象除了可以使用GMapOptions参数设置谷歌地图外，在创建GMap2对象后还可以用一些方法设置地图的一些通用属性：1、可以连续缩放地图缩放的时候旧图块在新图块加载完成之前不会直接消失，图块的切换比较平滑，在网速较慢的时候这种效果会好一些。地图默认情况下不支持，建议打开这个功能。使用map.enableContinuousZoom() / map.disableContinuousZoom()方法来切换。另外，需要的时候你可以使用map.continuousZoomEnabled()方法来探测一下地图是否支持连续缩放。2、支持滚轮缩放使用鼠标滚轮来实现地图缩放，默认也是 阅读全文
摘要：
地图上的控件一般是指悬浮在地图上、不随地图移动的图片、按钮等等DOM元素，可以用来控制地图、帮助用户和地图交互、显示地图的特定信息和状态。在谷歌地图主页上，有可以控制地图缩放的控件、有切换地图类型的控件、有显示缩略图的控件等等，这些控件在地图API里默认也都是提供的，所以，你可以在你的地图上加上这些控件，并且可以根据你的需要随意调整地图控件的位置、改变控件的外观，就像我在右边的地图上把缩放控件移到右上角而不是默认的左上角、并且使用了一个微型化的外观。下面先看看可以在地图上添加哪些控件吧。地图API中默认控件的种类1、地图缩放控件 缩放控件是可以控制地图移动和放大级别的，默认有三种： 1） 全功 阅读全文
摘要：
使用谷歌地图API定义自定义的控件其实非常简单，看看网页，这就是一个自定义的控件。先看一段Hello World的代码function MyControl(){}MyControl.prototype = new GControl();MyControl.prototype.initialize = function(map){this.map = map;var container = map.getContainer();var label = document.createElement("div");container.appendChild(label);labl 阅读全文