How to pan and zoom and image created using e.Graphics.DrawImage

Question

0.00/5 (No votes)

See more:

Hello guys! So, a friend and I are creating a game map with dynamically updating features. We use this to track members of our squad and vehicles. Basically it is our custom built radar.However, it is for personal use we never use it online. Moving on we use this to draw the map.

C#

e.Graphics.DrawImage(global::Radar.Properties.Resources.bigmap, 0, 0, 980, 980);

Which in turn gives me this.
Map.jpg[^]
Which is nice and all but considering m map is in the 5000X5000 resolution range I would love to make it much bigger. So, being new to the coding world I decided to do this.

C#

e.Graphics.DrawImage(global::Radar.Properties.Resources.bigmap, 0, 0, 5000, 5000);

Which in turn gives me this.
Map2.jpg[^]
I hate it because I am not able to pan the image around in anyway. Some people have suggested that I use a picture box but I have not idea how to convert what I have to a picture box. If that is the only option please explain to me how I would go about doing it.

Posted 18-Aug-12 11:47am

Member 9290385

Updated 18-Aug-12 11:48am

v3

Add a Solution

Comments

Kenneth Haugland 18-Aug-12 18:28pm

What do you hate? The zooming not working or what? The pixel resolution of your screen? I dont understand , please clarify.

Member 9290385 18-Aug-12 19:03pm

"I hate it because I am not able to pan the image around in anyway." Just like it says. I would like to be able to zoom in and out on the picture and pan it around.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kenneth Haugland · Answer 1 · 2012-08-18T13:08:00

Solution 1

A viewbox would suffice in WPF, a PictureBox could do it but others have better ideas:
http://www.bobpowell.net/zoompicbox.htm[^]

Posted 18-Aug-12 13:08pm

Kenneth Haugland

Comments

Member 9290385 18-Aug-12 20:30pm

Can you explain to me how I would incorporate the e.Graphics.DrawImage(global::Radar.Properties.Resources.bigmap, 0, 0, 980, 980); into that? Also would I put that in Form1.cs or Map.cs (Where the "e.Graphics.DrawImage(global::Radar.Properties.Resources.bigmap, 0, 0, 980, 980);" code snippet is stored.)

Kenneth Haugland 18-Aug-12 20:38pm

He creates a new user control and uses that insted of a PictureBox, becouse a picturebox would have to be modifyed just as much in the first plase. Just follow his steps and use the control as he suggests, and you'll be fine.

Member 9290385 18-Aug-12 23:44pm

I am greatly sorry to keep pestering you like this as I am sure you have better things to do but I am relatively knew to C#. I created a new user control and entered the mentioned code. However it gives me at least 41 errors every time. However, when I enter it in my Map.cs class no errors occur but nothing happens when I debug either.