Category: Google / Facebook / Amazon / Twitter / Network

早先已展示过，在网页内嵌Google地图、将地址转换为经纬度座标、在地图上显示自订地标图示等技巧，最后来个综合应用当作期末考。本次的练习题是”依使用者所在位置，找出距离最近的五个台北市消防分队”。 简单整理值得留意的技术细节: 在网页嵌入Google地图并放上自订标示点(Marker)的做法，可参考笔记-网页内嵌Google地图与地理位置模拟一文。 由市政府网站取得台北市消防分队地址，透过地理编码算出经纬度座标，可参考Google Maps API地址转换一文。而在本次范例中，我们预先将查到的经纬度数字一并写入CSV档中，不必每次重新查询。 要计算两个经纬度座标间的直线距离，Hav… Read More

前几篇Google Map API文章，一直有用到Google地图加上Marker的做法。(即下图的红色大头针图案) 不过，若全部的标示点用一样的图示，会显得无趣且容易混淆(如下图所示)，虽然将滑鼠移到标示图案上方会显示名称，在使用者体验上总觉得还有改善空间。 事实上，Google Maps API在新增地标时，是可以自订图示的。MarkerOptions提供icon参数可指定图档URL，另外有shadow参点可指定阴影图档的URL，以取代预设的黑点红色大头针图示。 只是有个小问题，在消防分队位置显示范例中，台北市共有44个消防分队，即使能自订图示，可能也只是用44台消防车换掉44根大头针，对于识别度并没有… Read More

将地址转换成地理座标的程序被称为地理编码 (Geocoding)，Google Maps API亦支援地理编码服务(注意:有每天查询次数不可超过2,500次的限制，申请Google Maps API Premier可以提高到100,000次) ，呼叫方法很简单，使用URL “http: //maps.googleapis.com/maps/api/geocode/json?address=要转换的地址&sensor=ture或false”，便可得到一份JSON格式的地址座标资讯，address参数除了完整地址，也可以输入一般性地名或片段地址，另外也能指定传回XML格式、使用语系、… Read More

终于有机会开始玩HTML5中行动装置GPS整合应用。 我的第一步是希望能在网页整合Google地图，即便实际需求不一定需要显示地图，但在开发测试阶段，要求开发人员直接由25.1234, 121.5678之类数字判断结果是否正确未免太不人道，因此用地图方式呈现特定经纬度资料是绝对必要的。第一个练习题就来试试在网页中显示特定经纬度的地图吧! Google地图Javascript API已经发展到了V3，整合应用起来相当方便省事，而官方的说明文件写得颇为详细(甚至有中文)，要上手一点也不困难。以下便是我写的超简单的入门范例，试着在网页显示以政大校园八角亭为中心的地图。(八角亭是我每次猫空LSD的起点，经纬度… Read More