I need to zoom in and out of a picture, grab it and browse different parts of it as you would a map, and set pushpins as markers to remind me of locations I found interesting. Essentially I want to perform similar functionality that bing (or google) maps provides but on a picture I have. From this tutorial : http://www.microsoft.com/web/post/using-the-bing-maps-api
I have tried swapping the source to point to the picture on my local drive but that don't work. What would be a good language / approach to take/use in solving this issue? I was trying to do this in C# first but now need to do this for a web application, please advise; newbie to Web development btw...
I am not able to understand why are you trying to view Picture as Map; zooming, clicking, dragging. But however, try to use jQuery for this.
The API that you are using, would work for Bing Maps. Its their server API and I don't think you can use that for any other work. But you can still re-write it and compile it to work for you.
The basic code or what you can say, the basic events for it would be .click() .dblclick() then you can use jQuery Draggable. These would be the basics only.
However if you are working with image. You would definitely need some other tools that would be able to let you work with Images, try SilverLight.
You mentioned Google Maps, Bing Maps, I need to clarify they use huge amount of JavaScript. To check where click was made, what is its location, where to zoom in where to zoom out. If it was me, I would have first tried to learn jQuery and JavaScript. To learn what are events, how they are used, and how I can use them in my project.
jQuery zoom is nothing or should I say, there is no such thing as a Zoom for any object in jQuery API. But this is a great site that I just found right now I hope it would be a kick start for you jQuery Zoom jacklmoore.com. For this site, you might need some plugin from the person, link is provided on that page! Go an have a look. :)
Again: Try to learn the basics first. You never know when the very basic event is needed and you are trying to use the expert level one. I hope it helps! :) Comment for any question or any objection.
Cheers.
Related
In my ASP.NET MVC site, the users need to upload profile pictures, and resize/crop and move the image until the user is satisfied (within the red border as shown here: http://imgur.com/GqeCTil)
I've stumbled upon the http://imageresizing.net/ which is very fine, but i kinda need the front UI control for the users to use.
What is the easiest way to achieve this kinda control? do i have to develop my own, or do you guys have any recommendations?
If I understood your question, I added 2 links dealing with image re-sizing:
http://www.codeproject.com/Tips/481015/Rename-Resize-Upload-Image-ASP-NET-MVC
http://www.leniel.net/2012/04/resize-img-on-fly-aspnet-webimage.html
I hope it helps, please let me know...
Update:
This link may help too (from comments) -
http://techslides.com/image-zoom-drag-and-crop-with-html5
I think better way to achieve this kinda control via javascript libraries. This pages contains demo.
Canvas and jquery example
jQuery plugin that Upload Drag & Crop Image example
I think the first one is better for your description.
I want to create a zoomable draggable etc. map of a really big image, the functionality should be like google maps but the map itself comes from me (it will be a galaxy picture).
So I think I have to use this components:
Frontend: http://openlayers.org/
(Example)
Backend: http://sharpmap.codeplex.com/
And connect them with each other, so the frontend will call the backend to display tiles in the current zoomlevel of the map.
I'm new to that map building thing and just want to make sure to not going in the wrong direction, so does it makes sense? Anyone did that before? Or any better ideas?
EDIT
Sorry, forgot that: The user should not have to install any additional stuff and it should run on an Ipad too, so I'm not able to use silverlight, flash etc. Just good old plain JS :)
I had worked on similar requirement but development platform was Silverlight. I had used "DeepEarth" (extended deep zoom) with tiles hosted on the local server.
DeepEarth
DeepZoom
You can try using Bing Control and services which is a paid service. In trial version, you will get Bing logo in the background. Bing Services
Bing control or any such controls with tiling services are appropriate when you want real world map - cities/roads. If you just need to have a zoom in/out feature on an image you can use deepzoom.
I ended up with using openlayers.org for the frontend and building the backend by myself.
I have never written a slide show before and having trouble getting it started. I search the net for some good tutorials but I could not find one that i could use. My gallery will also have comments on it so I need it to be ajax driven. NOt sure if this is good info but I have all the pictures stored inside of an array so, it would be easier if I could find something that uses that as well. Thanks for any help.
I am using asp.net c#.
I would recommend using jQuery. They have many slider implementations that work out of the box using jQuery. Integrating them into your site is quick and painless.
Here is a resource that lists a few of them. The degree to which you can customize them varies, along with the look and feel, and features. http://designmodo.com/jquery-slider-scripts-tutorials/
I can place a couple of buttons in Silverlight, but I'm not that experienced with the Silverlight tools and capabilities.
What do you think I should use to create something like this?
The control would have to pull and ID from the database and according to that place an image asociated with the record.
I need it to be animated with some crispy movement.
How can I achieve this?
It's all possible, but you need to break the task down into smaller steps.
Once you've done that you should find that you can solve some of these with your current knowledge, others will resolve themselves with a little more research, but there will be some you need to ask questions about here.
I'd suggest you start that break down and try to solve the little problems. Then if you get stuck come back and ask more specific questions.
Well, with Silverlight and c# you can make the animations needed and such, and you can set a Silverlight Image control with a data bound source, so it loads the images dynamically, but Silverlight can't talk with databases directly, you'll need to use a webservice to interact between Silverlight and the database. Don't know how much you know but to not leave anything out, with Expression Blend you can make the graphical part of you're app fast and easy, and with Visual Studio you'll add the code-behind and functionality.
In this link you can find a example of how to make an image slide show with Silverlight, it may not be exactly what you're looking for, but it should give you a heads start.
I'd like to know what could be the best approach to develop a Windows desktop application that has a map navigability control - very similar to those in Google Maps and Live Maps, with drag and drop support and so on.
Initially, due to time restrictions, I was thinking about a WinForms solution - I think one future solution using WPF would be better, but I'd have to learn all that WPF stuff first.
With that in mind, what approach should I take to develop that? It could be a third part tool, or some simple implementation/algorithm that I could take some ideas from. To be honest, I'm kinda lost, so any idea would be helpful.
Thanks, have a great day
take a look at this codeplex project. Reviewing the Source and downloading the sample project should be a good start.
GMap.Net # Codeplex
There is open-source application Kosmos for browsing OpenStreetMap maps
http://wiki.openstreetmap.org/wiki/Kosmos
However it reads OSM data and renders it on the fly.
I guess you need some example which loads map tiles and put them in the right order. There is such an example for OpenStreetMap: project osmclient on the sourceforge (sorry cannot post a link, i am a newbie)
It can be simply redone to load other sources, even ArcGIS, but be sure if it is compatible with the Map Provider licence. E.g. you cannot choose Google Maps, because you must use Google Maps within their API.