* use Zoom control instead of ZoomPanel * wrap date line * attribution control already at the bottom of the map * use html entities for the copyright symbol * layer has 17 levels, update numZoomLevels
36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
var streets = new OpenLayers.Layer.XYZ(
|
|
"MapBox Streets",
|
|
[
|
|
"http://a.tiles.mapbox.com/v3/mapbox.mapbox-streets/${z}/${x}/${y}.png",
|
|
"http://b.tiles.mapbox.com/v3/mapbox.mapbox-streets/${z}/${x}/${y}.png",
|
|
"http://c.tiles.mapbox.com/v3/mapbox.mapbox-streets/${z}/${x}/${y}.png",
|
|
"http://d.tiles.mapbox.com/v3/mapbox.mapbox-streets/${z}/${x}/${y}.png"
|
|
], {
|
|
attribution: "Tiles © <a href='http://mapbox.com/'>MapBox</a> | " +
|
|
"Data © <a href='http://www.openstreetmap.org/'>OpenStreetMap</a> " +
|
|
"and contributors, CC-BY-SA",
|
|
sphericalMercator: true,
|
|
wrapDateLine: true,
|
|
transitionEffect: "resize",
|
|
buffer: 1,
|
|
numZoomLevels: 17
|
|
}
|
|
);
|
|
|
|
var map = new OpenLayers.Map({
|
|
div: "map",
|
|
layers: [streets],
|
|
controls: [
|
|
new OpenLayers.Control.Attribution(),
|
|
new OpenLayers.Control.Navigation({
|
|
dragPanOptions: {
|
|
enableKinetic: true
|
|
}
|
|
}),
|
|
new OpenLayers.Control.Zoom(),
|
|
new OpenLayers.Control.Permalink({anchor: true})
|
|
],
|
|
center: [0, 0],
|
|
zoom: 1
|
|
});
|