r2624 - spinner: updated map demo to new maps api - doesn't require a key anymore!
Author: joern.zaefferer
Date: Thu May 28 03:13:51 2009
New Revision: 2624
Modified:
branches/dev/spinner/demos/index.html
branches/dev/spinner/demos/spinner/latlong.html
Log:
spinner: updated map demo to new maps api - doesn't require a key anymore!
Modified: branches/dev/spinner/demos/index.html
==============================================================================
--- branches/dev/spinner/demos/index.html (original)
+++ branches/dev/spinner/demos/index.html Thu May 28 03:13:51 2009
@@ -5,8 +5,7 @@
<title>jQuery UI Demos</title>
<link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />
<link type="text/css" href="demos.css" rel="stylesheet" />
- <script type="text/javascript"
src="http://maps.google.com/maps?file=googleapi&key=ABQIAAAAPkpJoenOLKTBaFhjqHvzfxS6EW1xO6WJrMVtUSh0YqqkTEq33hRekBBzqp6Mbltxpj286uQKb_5gzA&v=2.x"></script>
- <script type="text/javascript"
src="http://maps.google.com/intl/en_ALL/mapfiles/148e/maps2.api/main.js"></script>
+ <script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="../jquery-1.3.2.js"></script>
<script type="text/javascript"
src="../external/bgiframe/jquery.bgiframe.js"></script>
<script type="text/javascript"
src="../external/mousewheel/jquery.mousewheel.min.js"></script>
Modified: branches/dev/spinner/demos/spinner/latlong.html
==============================================================================
--- branches/dev/spinner/demos/spinner/latlong.html (original)
+++ branches/dev/spinner/demos/spinner/latlong.html Thu May 28 03:13:51 2009
@@ -3,25 +3,30 @@
<head>
<title>jQuery UI Spinner - Map</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
- <script type="text/javascript"
src="http://maps.google.com/maps?file=googleapi&key=ABQIAAAAPkpJoenOLKTBaFhjqHvzfxS6EW1xO6WJrMVtUSh0YqqkTEq33hRekBBzqp6Mbltxpj286uQKb_5gzA&v=2.x"></script>
- <script type="text/javascript"
src="http://maps.google.com/intl/en_ALL/mapfiles/148e/maps2.api/main.js"></script>
+ <script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
- <script type="text/javascript"
src="../../external/mousewheel/jquery.mousewheel.min.js"></script>
+ <script type="text/javascript"
src="../../external2/mousewheel/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.spinner.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
+ function latlong() {
+ return new google.maps.LatLng($("#lat").val(),$("#lng").val());
+ }
function position() {
- map.setCenter(new GLatLng($("#lat").val(),$("#lng").val()), 8);
+ map.set_center(latlong());
}
$("#lat, #lng").spinner({
- precision: 6,
+ decimals: 6,
change: position
});
- var map = new GMap2(document.getElementById('map'));
- position();
+ var map = new google.maps.Map($("#map")[0], {
+ zoom: 8,
+ center: latlong(),
+ mapTypeId: google.maps.MapTypeId.ROADMAP
+ });
});
</script>
<style>