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,

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, 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(){ 

              {beakOffset: 3}

Note The second parameter is the style used infowindow object.

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


  • Google JS Test 2011-10-01

    Google JS Test 网站 : 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

  • Node.js node-schedule定时任务隔多少分钟执行一次的方法 2014-09-04

    这篇文章主要介绍了Node.js node-schedule定时任务隔多少分钟执行一次的方法,本文给出了每隔 15 分钟、 30 分钟执行一次任务的编码实例,需要的朋友可以参考下 在 Node.js 中,我使用 node-schedule 来执行定时任务。Cron-style 的时间格式对于初学者不太直观,所以一般使用这种方式:比如官方示例中的每个小时的 42 分执行任务 var schedule = require('node-schedule'); var rule = new schedu

  • 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: 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。也就是说,

  • iOS上的Node.js 2014-02-17 网站 : 是一个为你的移动应用提供的占用资源很少,兼容 Node.js 的 JavaScript API。 授权协议: MPL 开发语言: JavaScript 操作系统: iPhone/iPad/iPod

  • 深入分析js中的constructor和prototype 2014-05-29

    在javascript的使用过程中,constructor 和prototype这两个概念是相当重要的,深入的理解这两个概念对理解js的一些核心概念非常的重要 我们在定义函数的时候,函数定义的时候函数本身就会默认有一个prototype的属性,而我们如果用new 运算符来生成一个对象的时候就没有prototype属性。我们来看一个例子,来说明这个 function a(c){ this.b = c; this.d =function(){ alert(this.b); } } var obj =

  • Js Node Properties and Methods 2010-01-06

    Attributes: Attributes storage node's property list (read-only) storage node's child nodes childNodes list (read-only) dataType returns this node's data type Definition by DTD or XML model given node definition (read only) Doctype specify ...

iOS 开发

Android 开发

Python 开发



PHP 开发

Ruby 开发






Javascript 开发

.NET 开发



Copyright (C), All Rights Reserved. 版权所有 黔ICP备15002463号-1

processed in 0.184 (s). 14 q(s)