随笔分类 - HTML
摘要：转自：http://www.cocoachina.com/bbs/read.php?tid=103813*****boy】原创 2012年5月20日 在开发项目的过程，很多情况下我们需要利用互联网上的一些数据，在这种情况下，我们可能要写一个爬虫来爬我们所需要的数据。一般情况下都是利用正则表达式来匹配Html,获取我们所需要的数据。一般情况下分以下三步。1、获取网页的html2、利用正则表达式，获取我们所需要的数据3、分析，使用获取到的数据，（例如，保存到数据库）接下来我们分析代码：1、获取网页的html 对于一些网页，不需要提交Post提交数据时，我们可以简单的利用NSURL类来获取我们所..
阅读全文
摘要：XML在各种开发中都广泛应用，Android也不例外。作为承载数据的一个重要角色，如何读写XML成为Android开发中一项重要的技能。今天就由我向大家介绍一下在Android平台下几种常见的XML解析和创建的方法。在Android中，常见的XML解析器分别为SAX解析器、DOM解析器和PULL解析器，下面，我将一一向大家详细介绍。SAX解析器：SAX(Simple API for XML)解析器是一种基于事件的解析器，它的核心是事件处理模式，主要是围绕着事件源以及事件处理器来工作的。当事件源产生事件后，调用事件处理器相应的处理方法，一个事件就可以得到处理。在事件源调用事件处理器中特定方法的时
阅读全文
摘要：WAMP装好之后默认的端口是80，但是这个80端口呢，可以热门端口啊，迅雷，IIS都挺喜欢，在WIN7下本来还有1个进程也点80，让人伤脑筋啊，所以把它改掉，方法如下：一、修改APACHE的监听端口， 1、在界面中选apache，弹出隐藏菜单选项，打开配置文件httpd.conf; 2、找到Listen 80 和ServerName localhost:80; 3、将80改成801（当然自己也可以设定别的不使用的端口，例如8000等）; 4、保存，待重启WAMP服务后即可。二、修改WAMP打开默认页 Localhost和phpMyadmin的端口： 1、打开wamp目录下w...
阅读全文
摘要：大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/ LCKuVgz5BDCSb13ZO99ZOdcZGvt4m
阅读全文
摘要：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） 全功
阅读全文
摘要：要在自己的网页中嵌入地图，常用的方法可以归纳为以下几种：1、最简单的方法——使用谷歌地图主页的"链接"如果你只需要在自己的页面上显示某个特定范围的地图，比如你的公司所在地，但是不需要在地图上添加任何额外的内容，比如标记、折线等等，那么，使用这个方法来嵌入谷歌地图是最简单的。登录谷歌地图主页，定位你需要显示的范围后，点击地图左上角的“链接”，会出现一个信息框，给出两个输入框，把第二个输入框中的内容拷贝到你的页面上就可以了。其实，这段嵌入代码就是一个iframe的声明，所以，虽然地图主页提供一个自定义地图并预览的功能，但是只能自定义地图的大小，如果需要的话，我们完全可以通过手动
阅读全文
摘要：使用谷歌地图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
阅读全文
摘要：还需要关心的几个问题：上面的示例代码仅仅是为了显示一个试验性质的简单地图，所以把很多暂时不是很必要的代码都去掉了，如果你需要创建具有很好的兼容性、并且能够发布到你自己的网站上的地图，还需要注意这几个问题：为了保证有足够的兼容性，谷歌建议使用XHTML来定义显示地图的html页面，所以，你需要在这个页面的顶部声明XHTML的DOCTYPE，并且在html中声明XHTML的命名空间<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtmll/DTD/xht
阅读全文
摘要：在网页MyTest1.html中我们已经使用了JavaScript来创建地图，下面总结一下使用JavaScript创建一个地图的核心步骤：1、导入地图API类库。<script src="http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=YOUR_API_KEY"type="text/javascript"></script>注意这里的参数key，我在以前的文章里已经详细解释过了，如果你只是在本地运行，暂时可以随便使用一段字符串。2、在页面的body
阅读全文
摘要：要在地图中定位一个点，最常见的就是使用一个地理坐标来定位。但是，谷歌地图API还提供了不同于地理坐标的多套坐标系统，方便我们在需要的时候使用不同的坐标来定位在地图上显示的信息。这些坐标系统可以简单的总结如下：1、地理坐标系统地理坐标纵向以赤道所在纬度线为原点，分别向南北极延伸，最大值为90。横向以格林威治天文台旧址所在的经度线（本初子午线）为原点，分别向东西延伸，最大值为180。海拔坐标在这里就暂时忽略。地理坐标的表示方式主要有两种：一种是以度分秒/度分的方式表示，比如（39°56'N，116°20'E）；还有一种是使用十进制数的方式表示，比如（39.933
阅读全文
摘要：4、DOM相对坐标系统这里的DOM是指页面上装载地图的容器，一般是div元素。把这个坐标系统看作是基于DOM元素而不是基于地图的坐标系统或许更易于理解，这个系统里的坐标指定的是某个点在这个DOM容器里的位置，以这个容器的左上角为原点，分别向下（Y轴）和向右（X轴）延伸。所谓相对坐标，是指这个坐标系统相对地图是固定的，原点不会随地图的拖拽而变化。在谷歌地图API中，使用GMap2.fromLatLngToContainerPixel(latlng)可以取得地图上某个点在DOM容器中的位置，相反，你可以通过GMap2.fromContainerPixelToLatLng(pixel)方法来获取DO
阅读全文
摘要：谷歌地图的API类库是通过script标签导入的，形式如下：<script src="http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=YOUR_API_KEY"type="text/javascript"></script>我们使用API的时候关心的就是这个script的src属性了，这个属性也就两个部分：路径：http://ditu.google.com/maps；参数：file=api&hl=zh-CN&v=2&key=
阅读全文
摘要：10、地图属性默认情况下，在Google Map API中，地图使用标准的“绘制”图块显示。但是，Google Map API也支持其他地图类型。以下是标准地图类型：G_NORMAL_MAP-默认视图G_SATELLITE_MAP -显示Google Earth卫星图像G_HYBRID_MAP -混合显示普通视图和卫星视图G_DEFAULT_MAP_TYPES -这三个类型的数组，在需要重复处理的情况下非常有用可以使用GMap2对象的setMapType()方法设置地图类型。例如，下面的代码将地图设置为使用Google地球的卫星视图：var map = new GMap2(document.g
阅读全文
浙公网安备 33010602011771号