Custom google maps of infowindow

English Expo Hotel Reservation map to add the second search, I and other colleagues have completed the map search, the hotel location on the map display and other functions, the CEOs feel that google map the default message display window infowindow too difficult to read, to he considered to be more of a nice, similar to ruba site infowindow, when the ruba online, using firebug view its js, css, very complicated, the more clearly felt unable to bite. See google map api reference, which for Ginfowindow description is simple:

GInfoWindow has no constructor. It is created by the map and accessed by its method GMap2.getInfoWindow().

Then try to write according to the expansion of the operation api and found this is a very big project, or Zhaozhao have no ready-made demo of the class.

To google in search, try the N multiple keywords, the results search out stuff in addition to google maps api is no other (the first Chinese search), the disappointment, I found switching to English, suddenly appears more than N link, seemingly all pretty helpful, it seems more foreigners to study the It's very exciting place to open, even "the page can not be displayed", encountered more than N such pages, but still very few pages can be viewed, finally found a post, this post spoke of a infowindow custom extensions, http://drupal.org/node/247875

Feel very in-depth study of this man, but also several custom compare the pros and cons, he mentioned three, There are several plugins / extensions that customise the appearance infowindow (bubble) in a bit nicer way than what is possible with CSS, like extinfowindow , Elabel and Ebubble , of which the first one looks best to me.

I regret that the last two could not open the link, however, it is fortunate that the first can actually open, and it is I'm looking for custom infowindow, it is happy. Also share this link or out of it, and if it can open, then it needs to have a friend is also helpful, http://gmaps-utility-library-dev.googlecode.com/svn/trunk/extinfowindow/ examples / cssSkins.html

Will extinfowindow.js down down from this page look after, found that written Zhengou js complex, but also enough to understand the written comments, was so admire this man, and feel about themselves and others in the vegetable dishes than is really Yeah, need to continue efforts!

After wearing the new style really well, results are as follows:

Custom google maps of infowindow

Quote this extendinfowindow is quite convenient,

  GEvent.addListener(marker3, 'click', function(){ 

            marker3.openExtInfoWindow(
              map,
              "custom_info_window_red",
              htmldesc,
              {beakOffset: 3}
            );
          });

Note The second parameter is the style used infowindow object.

分类:Web 时间:2010-06-29 人气:513
分享到:
blog comments powered by Disqus

相关文章

  • Google JS Test 2011-10-01

    Google JS Test 网站 : https://github.com/google/gjstest Google JS Test是一个运行于V8 JavaScript引擎下的Javascript单元测试框架,其在Google内部负责对Chrome的快速JS执行速度进行测试,现在Google以开源工程开放大家使用.Google JS Test主要特性: 超快的启动速度和执行时间,不需要在浏览器里运行 清爽而具有可读性的输出内容 也有一个可选的基于浏览器的测试器,可在JS修改的时候刷新 其样

  • 什么是Node.js?Node.js详细介绍 2015-02-14

    这篇文章主要介绍了什么是Node.js,Node.js能做什么,Node.js的优缺点,Node.js的例子等,需要的朋友可以参考下 简介 如果您听说过 Node,或者阅读过一些文章,宣称 Node 是多么多么的棒,那么您可能会想:"Node 究竟是什么东西?"尽管不是针对所有人的,但 Node 可能是某些人的正确选择. 为试图解释什么是 Node.js,本文探究了它能解决的问题,它如何工作,如何运行一个简单应用程序,最后,Node 何时是和何时不是一个好的解决方案.本文不涉及如何编写

  • Recently to do one on JS (node.js) technology exchange, hair about outline, welcome to help improve 2010-10-28

    This blog a long time do not know whether there is no one point of view Oh Recently going to do one on JS (node.js) technology exchange, After just finishing an outline, issued to, welcome to help us to see, what omission did not. Thank you The main

  • An optimization Baidu and Google search results search web site is how to write out the (original)? 2010-03-23

    After six months of time, finally my personal search sites (Wo found: www.ausou.net) written, and Zhengshishangxian operations. Here I would like to share with them ideas and experiences, are also considered a summary bar! Want to write an Baidu and

  • Google appetite, want to occupy all channels - Google TV 2010-05-21

    May 21 Beijing time, according to foreign media reports, Google Local Thursday innovation and open (I / O) General Assembly announced that Sony and Logitech will release the software to run Google TV, Intel-based TV products. Google Internet televisi

  • Google+用户无情离去,还在用Google+的请举手 2014-11-24

    当Google+数月前推出的时候,所有人都认为Google+将挑战Facebook和Twitter在社交网络中的地位,无他,Google的用户基数太大了.不过,在经历过了最初的新鲜劲后,许多用户似乎已经遗忘了Google+的存在. 网站89n发表文章称,一家名为 ManageFlitter 的数据服务表明,Google+正在呈现下降.从2011年7月19日到8月19日的一个月间,Google+上的人均用户所发布的公开帖数为0.68,而从8月19日到9月14日,这个数字下降到了0.40.也就是说,

  • Google搜索结果充斥百度竞价广告:Google要为百度谋福利? 2013-11-01

    Google一直在致力于提高搜索结果的准确性.合理性.公正性.举两个例子,比如,早前钓鱼网站盛行时期,Google有效识别了钓鱼站点并成功阻止了模仿站点在搜索结果获得较好的排名,无论是利用人工数据库还是复制网页.网站权威度这样的系数,这样的调整的确降低了搜索用户受到利益危害的可能性:再比如,Google不断惩罚SPAM SEO站点,对无实际价值的站点进行降低权重或直接在数据库中删除,这无疑都是在力报搜索结果质量.在SEO优化研究中,我需要不断了解搜索结果的变化趋势,这个过程也使我切身感受到Goo

  • Google不小心确认了一个信息:Google+即将推出社交游戏 2014-01-15

    Google一不小心确认了这样一个信息,Google+很快就会推出社交游戏. 在公司网页短暂发布的帮助页面上确认了游戏流(Games Stream)的存在,但这个消息很快就被删除了.游戏流显然就是社交型的信息流,能够连接到Google网站中的游戏中去.Google目前有超过1000万的注册用户,在发布的3周以来,已有超过2000万的访问者. Google+游戏一旦推出,必将成为Google+上的热门应用.社交游戏应用也是其竞争对手Facebook上最为热门的应用.要想与Facebook竞争,Go

  • iPhone版Google界面支持更多语言 新支持Google News.Apps 2014-11-26

    Google从去年开始就已经为iPhone/iPod Touch用户发布了旗下多种产品及服务的专用版,其中就包括了一个专为iPhone/iPod Touch优化的Google界面.iPhone/iPod Touch版的Google界面有多种便利,比如更快速的搜索操作.免刷新显示Gmail新邮件等.但之前这种iPhone/iPod Touch版Google界面只支持英文.如果你拥有iPhone/iPod Touch,现在可以重新尝试访问Google.com,你会发现自己的语言版可能也已经有了新版界

  • 谷歌(Google)是怎样对待离世的Google员工的? 2012-08-10

    日期:2012-8-10 来源:GBin1.com 如果提起谷歌的福利来说,大家肯定首先想到免费的食品和理发,及其独立的医疗服务,或者超棒的食堂和大厨等等.但是你是否知道谷歌是怎么对待死亡的Google员工的呢? 和Google的Chief People Officer Laszlo 波克的一段采访对话,可能会让你觉得不可思议,Google的福利竟然可以延续到员工死后若干年. "可能听起来非常荒唐",波克告诉我们.但是Google确实有这个"死亡福利"之说.目前Go

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 黔ICP备15002463号-1

processed in 0.399 (s). 12 q(s)