In this article we have set up a simple map viewer system with eagle-eye effects, where you can dynamically update the map without refreshing the whole page. Furthermore, it can give the details about some spot in the map. And finally, we create an algorithm to replace dynamically rendered grid pictures with static ones so as to improve system performance. Obviously, the project here is only limited to a testing case, while in a real scenario a map view system should allow users to drag the map directly, as well as give additional function such as zooming in/out, locating a target by inquiring, etc., but I will leave that part up to the readers.