There is a ton of room for optimization here. The vector layer renderer should only render dirty areas and could maintain a cache of rendered canvas tiles. The vector source could have a simple spatial index for features (by tile coord). Need to also discuss how to work with this animation framework (to avoid the excess work while waiting for tiles to load on every other layer).
23 lines
653 B
HTML
23 lines
653 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
|
<style type="text/css">
|
|
html, body, #map {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="../css/ol.css" type="text/css">
|
|
<title>ol3 vector demo</title>
|
|
</head>
|
|
<body>
|
|
<div id="map"></div>
|
|
<script src="loader.js?id=vector-layer" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|