Adding float-no-zero branch hosted build
This commit is contained in:
51
float-no-zero/examples/google-map.js
Normal file
51
float-no-zero/examples/google-map.js
Normal file
@@ -0,0 +1,51 @@
|
||||
var gmap = new google.maps.Map(document.getElementById('gmap'), {
|
||||
disableDefaultUI: true,
|
||||
keyboardShortcuts: false,
|
||||
draggable: false,
|
||||
disableDoubleClickZoom: true,
|
||||
scrollwheel: false,
|
||||
streetViewControl: false
|
||||
});
|
||||
|
||||
var view = new ol.View2D();
|
||||
view.on('change:center', function() {
|
||||
var center = ol.proj.transform(view.getCenter(), 'EPSG:3857', 'EPSG:4326');
|
||||
gmap.setCenter(new google.maps.LatLng(center[1], center[0]));
|
||||
});
|
||||
view.on('change:resolution', function() {
|
||||
gmap.setZoom(view.getZoom());
|
||||
});
|
||||
|
||||
var vector = new ol.layer.Vector({
|
||||
source: new ol.source.GeoJSON({
|
||||
url: 'data/geojson/countries.geojson',
|
||||
projection: 'EPSG:3857'
|
||||
}),
|
||||
style: new ol.style.Style({
|
||||
fill: new ol.style.Fill({
|
||||
color: 'rgba(255, 255, 255, 0.6)'
|
||||
}),
|
||||
stroke: new ol.style.Stroke({
|
||||
color: '#319FD3',
|
||||
width: 1
|
||||
})
|
||||
})
|
||||
});
|
||||
|
||||
var olMapDiv = document.getElementById('olmap');
|
||||
var map = new ol.Map({
|
||||
layers: [vector],
|
||||
interactions: ol.interaction.defaults({
|
||||
altShiftDragRotate: false,
|
||||
dragPan: false,
|
||||
touchRotate: false
|
||||
}).extend([new ol.interaction.DragPan({kinetic: false})]),
|
||||
renderer: 'canvas',
|
||||
target: olMapDiv,
|
||||
view: view
|
||||
});
|
||||
view.setCenter([0, 0]);
|
||||
view.setZoom(1);
|
||||
|
||||
olMapDiv.parentNode.removeChild(olMapDiv);
|
||||
gmap.controls[google.maps.ControlPosition.TOP_LEFT].push(olMapDiv);
|
||||
Reference in New Issue
Block a user