地图：谷歌地图jsV3版
设计思路：根据游客的ip信息获得地理信息，进而查询地图，再次显示游客的当前地址
第一步获得游客的ip信息
由于公告只能加html代码，肯定不可以使用服务端程序来获取到游客的ip，那就只能通过js方式获得游客的ip，第一个想法就是使用
腾讯的ip开放接口：可以获得一个数组信息
但是放在博客园公告上面却不能显示，原因是这个数组是gbk编码的，而博客园是utf8格式，想自己转码，但是嫌麻烦
我又想到新浪的一个ip接口，这个接口返回的是json格式的数据
这个接口的数据是utf8格式，正合适，下面就是用这个接口获得ip信息
这里可以参考我的另外一个博客：获得ip地理信息的几种方法【最全】
呵呵有点广告嫌疑了
第二根据谷歌地图查询游客位置
引入谷歌地图
谷歌入门的人可以参考谷歌地图api文档有详细说明：谷歌地图开发之入门
这个是我转载谷歌api的，比较适合入门级的
设置谷歌地图的参数
zoom是地图显示的缩放级数，center是地图的中心位置，maptypeid是地图的类型，address主要获取查询到的地理信息，
gecode主要是谷歌地图吧地理信息转化为经度纬度值，title主要是点击时候的名称，icon主要是锚点的背景图像，没有的话就是是默认值,没有找到合适的图片这里我没有开启
这个在我另外一个博客也有详细说明：基于ip的手机地理定位
最后放置谷歌地图的容器
下面大家预览一下效果：呵呵
，由于博客园公告不支持谷歌的信息窗口弹出和监听事件，所以只是做一个简单的显示游客的位置的统计！欢迎各位拍砖留言如果有好的建议也希望和你一起交流！我的博客公告有演示，可以看一下，如果有什么bug，也欢迎及时告诉我！
完整代码：把它加到自己的公告里面就可以了
最新评论