Category: Google / Facebook / Amazon / Twitter / Network

May 25, 2015

Google Maps API 以某一经纬度为中心，以某一长度位半径画圆 Draw the radius of a circle

By  Google / Facebook / Amazon / Twitter / Network, Javascript /Jquery / React / Bootstrap / Web  0 Comments
Google Maps API 以某一经纬度为中心，以某一长度位半径画圆 Draw the radius of a circle
直接看代码： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title> - jsFiddle demo</title> <script type='text/javascript' src="http://maps.google.com/maps/api/js?sensor=false&.js"></script> <script type='text/javascr… Read More
Read More
May 25, 2015

Google谷歌通过地址计算两地距离 HOW TO CALCULATE DRIVING DISTANCE BETWEEN 2 LOCATIONS WITH GOOGLE MAPS API

By  Google / Facebook / Amazon / Twitter / Network, Javascript /Jquery / React / Bootstrap / Web  0 Comments
Google谷歌通过地址计算两地距离 HOW TO CALCULATE DRIVING DISTANCE BETWEEN 2 LOCATIONS WITH GOOGLE MAPS API
1. 通过经纬度，计算直线距离 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry"></script> <script> var p1 = new google.maps.LatLng(45.463688, 9.18814); var p2 = new google.maps.LatLng(46.0438317, 9.75936230000002); //calculates distance between two points in km'… Read More
Read More
May 22, 2015

通过谷歌API验证地址是否存在 How Google’s Geocoding solves Address Validation

By  Google / Facebook / Amazon / Twitter / Network, Javascript /Jquery / React / Bootstrap / Web, Php / Pear / Mysql / Node.js  0 Comments
通过谷歌API验证地址是否存在 How Google’s Geocoding solves Address Validation
ajax.php 代码： $address = $_GET['address']; $xml = file_get_contents('https://maps-api-ssl.google.com/maps/api/geocode/xml?address='.urlencode($address).'&sensor=false'); $arr = xml2array($xml); $output = $arr['GeocodeResponse']['status']; 主要是利用了谷歌接口：https://maps-api-ssl.google.com/maps/api/geocode/xml?address=… Read More
Read More
May 21, 2015

微信扫码登录网页实现原理

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
微信扫码登录网页实现原理
扫码登录操作过程 浏览器输入：https://wx.qq.com/?lang=zh_CN 手机登录微信，利用“扫一扫”功能扫描网页上的二维码 手机扫描成功后，提示“登录网页版微信”；网页上显示“成功扫描 请在手机点击确认以登录” 手机端点击“登录网页版微信”，网页跳转到用户的微信操作界面 整个扫码登录的操作过程还是挺简单的，而且交互地实时性比较好，如果网络不是非常阻塞，整个过程还是非常快的。 扫码登录原理 扫码登录大概的思路是：微信手机客户端从网页二维码里面得到一些信息，然后发送给网页微信的服务器，网页服务器验证信息并响应。下面，我们借助火狐浏览器提供的Firebug工具看看，到底是怎么一回事儿吧！ 1.每次打… Read More
Read More
May 21, 2015

改变浏览器视角大小：Viewport Resizer

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
Viewport Resizer的开发背景 现在开发人员如果要开发一个同时支持PC端与手机端的网站的话，由于电脑和手机显示屏肯定不一样大小的，所以要跟对手机等移动设备进行单独地测试，而对于 电脑上的浏览器来说，其视角一般比电脑的分辨率稍微小一点，但是肯定比手机设备要大得多了，如果我们每次测试的时候手动地调整浏览器进行缩放的效果和手机 中显示的效果并一定是一样的，因为电脑上的浏览器缩放到一定程度就会出现滚动条，无法达到逼真的测试效果，所以我们需要一款能够改变PC机中浏览器的视角 的谷歌浏览器插件。 Viewport Resizer的简介 Viewport Resizer是一款可以自由调整当前浏览器视角大小的谷歌浏… Read More
Read More
May 15, 2015

php获取推特feed twitter timeline feed

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
php获取推特feed twitter timeline feed
1. https://apps.twitter.com/ 申请 consumer_key， consumer_secret，oauth_access_token，oauth_access_token_secret 2. 下载项目：https://github.com/kmaida/twitter-timeline-php 下载：twitter-timeline-php-master 本人净化版： require_once('_utils/twitter-api-oauth.php'); function formatTweet($tweet) {     $linkified = '@(https?://([-w.]+[… Read More
Read More
May 14, 2015

Google与HTML5的那些事儿

By  Div / Css / XML / HTML5 / SVG, Google / Facebook / Amazon / Twitter / Network  0 Comments
如今各大浏览器都纷纷宣布已经或是计划支持HTML5技术，虽然支持的程度究竟怎么样现在还不好说，但是最给力的无疑就是Google的Chrome浏览器了。 （欢欣鼓舞的说，IE9也支持HTML5了，似乎还不错哟~ ） 似乎Google现在花了很多心思在HTML5上，估计是为了给力他的Chrome OS，为未来的“云”世界做好部署。 HTML5的Logo们 先说个最近的~吉他logo（去看看） 2011年6月9日，谷歌换了个很有趣的logo，纪念美国电吉他大师莱斯·保罗诞辰96周年： 继它的涂鸦Logo，游戏Logo，视频Logo之后，这个Logo升级为乐器Logo，除了可以用鼠标滑动演奏外，点击Logo下的小键盘… Read More
Read More
May 8, 2015

大型网站架构不得不考虑的10个问题

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
大型网站架构不得不考虑的10个问题
PHP技术：大型网站架构不得不考虑的10个问题 这里的大型网站架构只包括高互动性高交互性的数据型大型网站，基于大家众所周知的原因，我们就不谈新闻类 和一些依靠HTML静态化就可以实现的架构了，我们以高负载高数据交换高数据流动性的网站为例，比如海内，开心网等类似的web2.0系列架构。我们这里 不讨论是PHP还是JSP或者.NET环境，我们从架构的方面去看问题，实现语言方面并不是问题，语言的优势在于实现而不是好坏，不论你选择任何语言，架 构都是必须要面对的。 这里讨论一下大型网站需要注意和考虑的问题 1、海量数据的处理 众所周知，对于一些相对小的站点来说，数据量并不是很大，select和update就可以解决… Read More
Read More
May 8, 2015

推荐 10+ 个很有用的 jQuery Google 地图插件

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
Google 地图提供很多 API ，用来在你的网站中使用地图功能，但很多 API 使用比较复杂而且难以理解，使用 jQuery 的地图插件可以帮你简化集成地图的开发。oschina 向你推荐 11 个很有用的 jQuery 地图插件： 1) Jquery GPS 2) Jquery gMap 3) jMapping   4) goMap jQuery Google Maps Plugin 5) JQuery bMap Plugin 6) JQuery Mapbox 7) IM Google Maps 8 ) JQuery and Google Map 9) My JQuery map 10) gMap3 11) Google Map using JQuery Via：http://zoomzum.c… Read More
Read More
May 8, 2015

搜索互联网缓存页面 How to View the Cached Page of any URL or Website

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
搜索互联网缓存页面 How to View the Cached Page of any URL or Website
Using Google’s Cache to view Cached page of an Website Copy and paste the following URl address in any web browser and replace Website URL with the URL address of the webpage you want to view : Http://webcache.googleusercontent.com/search?q=cache:<Website URL> Alternatively if you are using Google Chrome, then you can directly type in Cache:<… Read More
Read More
May 5, 2015

10个Pinterest使用技巧

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
社交网站变得越来越”视觉化“，Pinterest是个典型例子。这个像公告栏一样的网站将各种图片和视频聚集起来，已经成为几大主流社交网站之 一。不像Facebook和Twitter依赖社区好友和粉丝的内容，Pinterest侧重“乐趣图谱”,由人们按照话题收集起来的图片组成，而不是依 赖“关系”。   下面是10个小技巧，让你更有效的使用Pinterest：   1. 建立企业账户 打开http://business.pinterest.com/建立企业账户，仅两个步骤： 填写表格并同意Pinterest的服务条款 验证网站，让Pinterest用户感到你是值得信赖的，这样有助于更多… Read More
Read More
May 5, 2015

如何使用社会化媒体网络建立个人品牌（国外篇）

By  Google / Facebook / Amazon / Twitter / Network  0 Comments
如何使用社会化媒体网络建立个人品牌（国外篇）
今天偶然在一个国外网站上看到了一个信息图，有关使用10个社会化媒体网络建立个人品牌，感觉有点意思，一直以来我都只关注了企业品牌建立方面的信息。作为网络营销者，简历已经不再是最重要的东西了，个人网络品牌才是。下面，我就来分享一下这个信息图。   1.  Facebook – 即使Facebook上的一些用户没有和你成为好友，他们仍然可以看到你的主页头像，你所“like”的东西和你的个人信息。所以要确保你在Facebook上形象的专业性。   2.  Twitter – 在Twitter上关注同行，转播和评论他们的推文，这是建立联系获得关注的好办法。   3. Yout… Read More
Read More
May 4, 2015

部分国行Android手机缺少谷歌GMS服务包导致HTML5 Geolocation无法定位的问题

By  Div / Css / XML / HTML5 / SVG, Google / Facebook / Amazon / Twitter / Network  0 Comments
部分国行Android手机缺少谷歌GMS服务包导致HTML5 Geolocation无法定位的问题
最近项目上用到HTML5的geolocation用于定位，用Chrome和手头的手机测试好好的功能，到终端用户那里反馈一些手机不能定位，最 后确定出是部分三星、摩托的部分国行Android手机“阉割”了谷歌GMS服务包，导致HTML5的geolocation无法使用wifi和基站定位 服务导致。 值得一提的是前期在stackoverflow和google groups里搜到对症描述的解决方案（貌似Android 2.*或者三星自身的问题）全部失效，因为介是个“中国特色”的问题-_lll 首先介绍下HTML5的Geolocation功能。通常情况下，我们是先判断浏览器是否支持geolocation, 如果不支… Read More
Read More
May 3, 2015

HTML5 地理位置定位（HTML5 Geolocation）原理及应用 （调用GPS）

By  Div / Css / XML / HTML5 / SVG, Google / Facebook / Amazon / Twitter / Network, Javascript /Jquery / React / Bootstrap / Web  0 Comments
HTML5 地理位置定位（HTML5 Geolocation）原理及应用 （调用GPS）
地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome 浏览器为例，如果您允许 Chrome 浏览器与网站共享您的位置，Chrome 浏览器会向 Google 位置服务发送本地网络信息，估计您所在的位置。然后，浏览器会与请求使用您位置的网站共享您的位置。 HTML5 Geolocation API 使用非常简单，基本调用方式如下： if (navigator.geolocation) { na… Read More
Read More