2. GoogleMaps
Meshups
Zdarmo pro otevřený web
(web který je zdarma pro uživatele)
Google může stanovit limit přijatých požadavků
Bez reklam (Google smí změnit)
API
jednoduché použití
Používáme a máme velmi dobré zkušenosti
Praktický příklad Javascript kodu v JSBIN (+jQuery)
můžete si sami vyrobit widget, který ukáže cestu k vám
3. Just a map
<script src="http://maps.google.com/maps?
file=api&v=2&sensor=false&key=ABQIAAAA5Ai_wzkroeS0BJpu0jS5R
BTWx8njL9qYLnq46LoOVGM6mIGTuxSbyNBw2dNLymw9CgsIdzKqIZ9iUg"></script>
<script type="text/javascript">
$(function(){
var map = new GMap2($("#gmap").get(0));
map.setCenter(new GLatLng(49.3268, 17.9966), 12);
});
</script>
http://jsbin.com/ohexa3/edit
4. GMarker
function createMarker(point){
var marker = new GMarker(point);
return marker;
}
var location = new GLatLng(49.3268, 17.9966);
map.addOverlay(createMarker(location));
http://jsbin.com/iqexe/edit
5. Tiny bit of jQuery
$("#zip_code").keyup(function(){
var code = $(this).val().replace(/s/g, '').match(/^d{5}$/);
if(code){
$("#message").html(code[0]).
animate( { fontSize:"32px"}, 500 ).
animate( { fontSize:"16px"}, 500 );
}
});
http://jsbin.com/uzoru/edit
6. Geocoder
var geocoder = new GClientGeocoder();
geocoder.setBaseCountryCode('cz');
geocoder.getLocations(zip, function(locations){
if(locations.Status.code === 200){
var p = locations.Placemark[0].Point;
var loc = new GLatLng(p.coordinates[1], p.coordinates[0]);
http://jsbin.com/agede/edit
7. GLatLngBounds + zoom
me.bounds_cache = new GLatLngBounds();
me.bounds_cache.extend(loc);
map.setCenter(bounds.getCenter());
var z = map.getBoundsZoomLevel(bounds);
http://jsbin.com/irahe/edit