arcgis api for js入門開發系列二十一 用HTML5 canvas繪製地圖 瓦片載入平移縮放
阿新 • • 發佈：2019-02-15
終於開始可以寫程式碼了，手都開始癢了。這裡的程式碼僅僅是在chrome檢測過，我可以肯定的是IE10以下瀏覽器是行不通，我一直在考慮，是不是使用IE禁止看我的篇部落格，就是這群使用IE的人，給我加了很多工作量。
一個地圖的基本動作，無非就是載入資料，平移，放大與縮小。這篇部落格主要是通過一張圖片的方式來模擬一下。
我這裡認為大家都稍微瞭解甚至熟悉canvas的一些API，就不具體說，每一個引數代表什麼意思了。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE
html>
<html>
<head>
<meta
charset='utf-8'>
<title>圖片載入平移放大縮小示例</title>
<style>
html,body{
margin:0px;
padding:0px;
}
canvas{
border:
1px solid #000;
}
</style>
</head>
<body>
<canvas
id="canvas" width="800" height="800"></canvas>
<script
type="text/javascript" src="main.js"></script>
</body>
</html>
|
| 1 2 3 4 5 |
var canvas,context;
function int(){
canvas=document.getElementById('canvas');
context=canvas.getContext( |