Skip to content

Instantly share code, notes, and snippets.

<!doctype html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, width=device-width"/>
<style>
html, body {
display: -webkit-box;
-webkit-box-orient: vertical;
height: 100%;
@gregersrygg
gregersrygg / OpenLayers-mobile-translate3d.html
Created April 11, 2011 16:08
Demo of OpenLayers with translate3d. Better performance for pinch/pan on iOS devices.
<!DOCTYPE html>
<html>
<head>
<title>OpenLayers Mobile</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<base href="http://openlayers.org/dev/examples/" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0;">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="style.mobile.css" type="text/css">
<script src="../OpenLayers.mobile.js"></script>