The chunky speech bubble things look pretty crap in my opinion, i'd like something much tidier and more minimal.
Are there any native ways to change the info box style without manually replacing the elements with js each time an infowindow is shown (clumsy)?
I'm using google maps api v3.
I'm currently working on a project and had a similar requirement. I used this:
Infobox from:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html
It did exactly what I needed it to. I does require minor JS changes, but works pretty well.
Good luck!
Related
since the V2 markers are depreciated from here.
https://developers.google.com/chart/infographics/docs/dynamic_icons#plain_pin
Is there an alternative to this for V3? I am really not needing anything fancy. I just need a regular marker but with the ability to assign its color via RGB or Hex? Does this exist or possible?
The other day I found a page on the Google Docs with all the icons you could use and call by name and those would probably work but I can't find that link now.
-Thanks
Well after some more digging I found a really nice site that has a lot of custom icons and where you can even design your own with your own colors, letters etc.
http://mapicons.nicolasmollet.com/
I don't know very much about javascript and API. I was wondering though if there's an easy way to customize a google map like in this example. How did they do it?
http://pooliestudios.com/kontakt/
Also where can I find a database of premade styles? Like http://maps.cloudmade.com/editor (if such thing exist for Google maps)
edit: Just found this site, check out http://snazzymaps.com/ for some cool premade styles.
I realize that some people think it is crazy to re-implement all the UI functionality of HTML in a canvas-based framework (and there are some stackoverflow questions that suggest this), but is anyone actually working on a library like this?
To clarify, the library would render all UI elements like edit boxes, labels, buttons, combo boxes, list views, etc. on the canvas directly. There would be no HTML or CSS.
I stumbled upon this idea today. Found the library Zebra. Haven't tried it out yet.
https://zebkit.org/
For web apps I think this makes perfect sense. HTML/CSS is just not good enough to create stable apps easily. The DOM and layouts are just too quirky and the performance too low.
What we need is something like Silverlight but without the plugin. Stable components and a great framework.
Canvas apps could be made just as accessible as html web apps. Probably more so even.
Perhaps WebGL is even better, its performance is definitely better than Canvas if done properly.
Thunderhead was a mozilla experiment built along with bespin (now skywriter).
From the project description:
Thunderhead is a Mozilla Labs experiment to explore a JavaScript-based
GUI toolkit that works with DOM elements and canvas to render
components.
The problem is accessibility, canvas just isn't.
I've just reviewed zebkit.com today. Amazing and absolutely not crazy, rather essential. Try running most DOM node trees on a mobile device and you will soon know this is true. Then in contrast run the Zebkit kitchen sink demo and be shocked. You might have to reconsider your projects approach.
Coming from Java to HTML5 I definitely see some nice OOP at play in the Zebkit API, it is needed to provide the simple canvas some powerful structure. Also I really like the JSON support, it acts much like a CSS format for the canvas. Using JSON this way fits well into the Web Component mindset and the practicality of HTML partials. There are a lot of goodies in this API.
In the end all ways of producing graphics for the Web render pixels anyways. Maybe we have just added to many abstractions between the logic we what to produce and the end screen to realize this fact. With Zebkit it feels like your almost working at the native level, plus it adds in all the graces of Javascript and JSON, sweet indeed. Plus your free to mix and match in DOM as desired.
Now there is Flutter's CanvasKit renderer. Google docs is moving to Canvas.
I just signed up for a Google Maps API key and was hoping for a wizard style application for setting up the map (not a static one), unfortunately I was immediately blinded by science!
Can anyone point me to a tutorial where I can find out how to create a simple google map and place a callout bubble including am image of the office and address details.
Give this a try
http://econym.org.uk/gmap/
The documentation for Google maps is pretty fantastic. That's how I learned to use it.
There's a section for Basics in the docs. That might be a good place to start.
If all you're looking to do is show a map with an infowindow, you might want to take a look at the embedding options here:
http://maps.google.com/help/maps/getmaps/quick.html
It'll let you easily embed a map on your site, without to much science!
Shameless self-promotion
If you are happy to use C# this may or may not help - Lookup on all postcodes on a webpage, and plot them with Google maps. It doesn't really need much ASP.NET/C# knowledge beyond the basics.
Googling has been difficult because I can't get results specific enough - wondering if my fellow SO-ers have any insight. Are there any handy CSS/HTML templates out there to make inserting content into a google maps bubble easy? I'm throwning together a quick-n-dirty mashup and wanted to avoid spending time styling manually if I can avoid it.
For reference, this post is somewhat related and could prove helpful:
how-does-css-formatting-in-a-google-maps-bubble-work
I haven't seen any templates for GInfoWindows, but they're not too hard to style. Just put all your window content in a div with a class that you can reference in your stylesheets.
If you're looking for more customization than that, here are a few third-party extensions that provide an alternative to the standard GInfoWindows: ExtInfoWindow, PopupMarker, EWindow, and EBubble