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.
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • YahooMyWeb

Related Posts of Custom google maps of infowindow

  • extjs development environment set up and practice

    1, download and extract the extjs 2, download eclipse and Eclipse AJAX Toolkit Framework (ATF) I have been accustomed to using eclipse as a development environment, a variety of open-source plugin so that eclipse has all-around performance, operating effi

  • Msxml2.XMLHTTP version problem

    Projects with an import feature prototype.js of Ajax functionality to update the prompt, the code is very simple, do not have the framework of the background on a jsp to output Text, future use of timers and to update the page Ajax.request encountere ...

  • SqlServer database connection pool to connect tomcat

    First, install the JDBC Driver The database driver jar file to put (Tomcat_install) \ common \ lib directory Second, configure the Connection Pool 1. Overall connection pool configuration, Tomcat in any Web application can be configured to use the co ...

  • JS after ajax request return of the problem can not be implemented

    1: Send ajax request, in the onComplete, if back when the html contains a javascript, then these javascrip and will not be realized, it does not mean not to implement. This problem has troubled me for a long time, behind the hair and then put this kn ...

  • Rails2.0.2 change the default DB adpter

    In Rails2.0.2 rails demo ... ... MissingSourceFile in SayController # hello no such file to load - sqlite3 RAILS_ROOT: / home / kenb / rails-projects / demo ... ... Checked config / database.yml, adpter default is set become the sqlite3. Check the ra ...

  • Use Ext JS to read the JsonReader complex object json

    Today was how to resolve the following complex json object to the difficult living over a long time .. did not find documentation how to read JsonReader Ways json object (possibly also because of their limited level of E the text did not correctly underst

  • NoClassDefFoundError: javax / servlet / Servlet

    In the project in order to achieve a listener in web.xml set up a listener, did start in Tomcat actually occurred after java.lang.NoClassDefFoundError: javax / servlet / ServletContextListener this anomaly google and found the reasons for the lack of serv

  • Java technology: Eclipse explain the use of techniques

    Editor settings: Window -> Preferences -> Java-> Editor appearance: Display line number, emphasizing symmetry shown in square brackets, to emphasize that the existing line to show Print Margins its check, Tab width set 4, print made from the fiel

  • Spring2.0 + hibernate3.1 + log4j + mysql demo

    applicationContext.xml Non-attachment jar package, necessary friends can send an email to todd.liangt @ gmail.com

blog comments powered by Disqus
Recent
Recent Entries
Tag Cloud
Random Entries