Back in june Profict & Google Technology User Group organized a Google Hackathon. During this event we volunteered to help Google with Google Voice Search. We had to talk aloud 500 words..sometimes though and sometimes we had strange words … but in the end it was fun!!
And today Google announced Google Voice Search for the Netherlands. So thanks to us also people from Drenthe, Overijssel and Twente can use Google Voice! 
For more information : Google Voice
About a month ago Google introduced version 3 of Google Maps Javascript API (V3), a replacement of version 2. A lot of changes under the hood and this version is especially optimized for mobile devices such as Android and the iPhone. Also an interesting note : you don’t need a key anymore!
This new version is implemented using a modified MVC framework. Any state changes of an MVC object (such as a map) for example, are handled through setters and getters of a particular format. As well, all state of the MVC objects are stored as properties of that object, and all observation of state changes through event handlers is of a particular format as well.
But let’s start with a “Hello World”.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(52.2559251, 6.161336);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
Google recommends that you declare a true DOCTYPE within your web application. Within the examples here, we’ve declared our applications as HTML5 using the simple HTML5 DOCTYPE as shown below:
<!DOCTYPE html>
The DOCTYPE is also designed to degrade gracefully; browsers that don’t understand it will ignore it, and use “quirks mode” to display their content.
Note that some CSS that works within quirks mode is not valid in standards mode. In specific, all percentage-based sizes must inherit from parent block elements, and if any of those ancestors fail to specify a size, they are assumed to be sized at 0 x 0 pixels. For that reason, we include the following <style> declaration:
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false"> </script>
And with a simple
<div id="map_canvas" style="width:100%; height:100%"></div>
You displays the map!
<body onload="initialize()">
And with the event handler ‘onload’ on the body-tag, you’re map will be loaded and displayed!
Next time I’ll show you how you can use geo location.
Presentation of Building Linked Data Apps for the iPhone:
Last night my presentation about Google Maps & Charts for the Dutch GTUG is uploaded on Youtube. See video : Google Charts & Maps
This is a test from Posterous. Posterous makes it possible to send emails to your blog.
To me, old age is always 15 years older than I am.
Bernard M. Baruch
A video about motivation, very inspiring!
Soms kun je treffen met je werkplek. Als ik ’s ochtends op m’n werk naar buiten kijken, dan zie ik het volgende :
The new website of Selendang.nl is now for a few weeks online and I got hits from all around the world. That’s very nice. People from Brazil, China, Indonesia, Canada… Wow!
© 2012 iHenk · Proudly powered by WordPress & Green Park 2 by Cordobo.
Valid XHTML 1.0 Transitional | Valid CSS 3
