at path：
ROOT
/
sistema
/
vendors
/
gmaps
/
examples
/
map_types.html
run：
R
W
Run
basic.html
1.63 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
context_menu.html
2.68 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
custom_controls.html
2.59 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
elevation_locations.html
1.99 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
elevation_routes.html
3.62 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
examples.css
965 By
2018-11-08 02:46:18
R
W
Run
Delete
Rename
fusion_tables.html
2.08 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geocoding.html
2.23 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geofences.html
2.83 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geolocation.html
2.21 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geometry.html
2.99 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
kml.html
1.98 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
layers.html
1.98 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
layers_places.html
2.41 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
map_events.html
1.5 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
map_types.html
2.16 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
marker_clusterer.html
2.16 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
markers.html
2.37 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
overlay_map_types.html
2.76 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
overlays.html
2.08 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
polygons.html
4.13 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
polylines.html
2.07 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
render_directions.html
1.93 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
routes.html
1.78 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
routes_advanced.html
2.31 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static.html
1.43 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static_markers.html
1.65 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static_polylines.html
1.64 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static_styles.html
1.76 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
styled_maps.html
2.46 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
travel_route.html
2.55 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
error_log
up
📄
map_types.html
Save
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GMaps.js — Map Types</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" src="../gmaps.js"></script> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="examples.css" /> <script type="text/javascript"> var map; $(document).ready(function(){ map = new GMaps({ el: '#map', lat: -12.043333, lng: -77.028333, mapTypeControlOptions: { mapTypeIds : ["hybrid", "roadmap", "satellite", "terrain", "osm", "cloudmade"] } }); map.addMapType("osm", { getTileUrl: function(coord, zoom) { return "http://tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png"; }, tileSize: new google.maps.Size(256, 256), name: "OpenStreetMap", maxZoom: 18 }); map.addMapType("cloudmade", { getTileUrl: function(coord, zoom) { return "http://b.tile.cloudmade.com/8ee2a50541944fb9bcedded5165f09d9/1/256/" + zoom + "/" + coord.x + "/" + coord.y + ".png"; }, tileSize: new google.maps.Size(256, 256), name: "CloudMade", maxZoom: 18 }); map.setMapTypeId("osm"); }); </script> </head> <body> <h1>GMaps.js — Map Types</h1> <div class="row"> <div class="span11"> <div id="map"></div> </div> <div class="span6"> <p>You can define many map types from external map services, like OpenStreetMap:</p> <pre>map.addMapType("osm", { getTileUrl: function(coord, zoom) { return "http://tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png"; }, tileSize: new google.maps.Size(256, 256), name: "OpenStreetMap", maxZoom: 18 });</pre> <p>You must define a function called <code>getTileUrl</code>, which returns a tile URL according the coordenates in the map.</p> </div> </div> </body> </html>