Square Live Tile with image collection - windows-phone-8.1

How do I create 150x150 square live tile with image collection in Windows Phone 8.1? There seem to be no template defined however few apps like People have it.

All the tile templates available are listed here: https://msdn.microsoft.com/en-us/library/windows/apps/hh761491.aspx
Built-in native apps, such as the People hub or Cortana, have access to special live tile templates. As far as I know, there is no way for third-party developers to use them.

Related

Which web framework or library to use for displaying PNG images and basic shapes on them on a web page with unique url per image?

I would like to create a webpage that displays one image at a time with shapes and annotations shown over it. Each image should have a unique URL address in the address bar.
I have a set of images as PNGs. For each image there is a set of shapes (rectangles, polylines - as pairs of x,y coordinates in pixels) and annotations (location on the image x, y in pixels and a short text as string) to be displayed over it.
When user loads the unique url for an image they should see it with shapes displayed on top of it and annotation markers shown as circles. When user presses a button labeled „next“ the page loads the next PNG with its corresponding shapes and annotations. User can click on an annotation marker and a text balloon should open to show the text for the annotation.
How to approach developing this? I am asking since I don’t have an overview of web app frameworks or the current best practices for databases and graphic formats for online content.
I have experience in programming - Python, datascience, Procedural geometry, Unity for game development (C#), Lua - but not for the web.
I can do a WebGL app using Unity to do what i want and link it to a MySQL database but it feels like shooting a fly with bazooka. Maybe there is an easier, simpler way. Any advice or tips would be appreciated.
The best tip, I think, is in one of the tags of your question: canvas.
Images can be drawn onto it, as well as shapes. To handle your markers you could compare the coordinates of a click on the canvas to the coordinates of your markers (see this post for further info on getting the click coordinates). The annotation balloons could be realised by hiding or showing a simple <div> on click.
As for web app frameworks, depending on how fancy it should be you could do it "by hand" in native html and css, or use something with nice predefined components, like Bootstrap.
Depending on where you will be hosting this webpage, you will, or will not have to worry about the backend/server. There are numerous hosting providers available that provide user-friendly admin panels.

Inbuilt cropping tool for image in file picker for WP8.1

Is there any option to crop after choosing image using filepicker? In WP8, photochoser task had a similar option, is there any alternative to that for WP8.1?
The file picker returns the file and doesn't do any direct manipulations. You can crop when you read the file in by passing a BitmapTransform with cropping information into your BitmapDecoder.GetPixelDataAsync call. The How to crop bitmap in a Windows Store app (C#) sample demonstrates this - it targets Windows Store apps rather than Windows Phone, but the cropping code will be the same for both Windows Runtime targets.
There are also several external libraries which can provide cropping behaviour, such as the Lumia Imaging SDK and WriteableBitmapEx)
If you want to do this visually you'll need to provide your own UI for that. The How to crop bitmap in a Windows Store app (C#) sample demonstrates this as well, but will need some changes to fit a phone's screen.

Windows Phone 8.1 Custom Live Tile Template

I am trying to create a Live Tile with a different layout that the ones defined in the tile template catalog. Specifically, I want text to appear on top of an image for the 150x150 tile. Is there a way to do this for a Windows 8.1 app? I do not see this template for that size. Thanks
http://msdn.microsoft.com/en-us/library/windows/apps/hh761491.aspx
if you want to create a custom live tile you have to create image and use it as a background for your live tile.
Take a look at this post: http://spasol.wordpress.com/2013/06/24/creating-custom-live-tiles-for-windows-phone/ the Update Live Tile with custom parameters section.
Additionally If you need to update your live tile using background task you need to use http://msdn.microsoft.com/library/windows/apps/windows.ui.xaml.media.imaging.xamlrenderingbackgroundtask.aspx

How to create Tiles like UI within WP8 app?

How to create Tiles like UI within our app. If I use a button with image, its showing with borders. If I create a secondary tile, then the tile is getting created on the start screen.
Is there any way to create UI which looks similar to Tiles?
Thanks.
You can use Hub Tile from Windows Phone Toolkit. If you want many tiles in your apps, all arranged like in the start screen of Windows Phone device, then you should use Wrap Panel as container for those Hub Tiles. You can also create Tile like UI control as demonstrated very well by #Xin here

Is there a Pay or Open Source World Map web widget that is larger than 440x220 and allows the water to be black?

For a project I just completed, I needed to show the winning selection of a poll in each country. Ultimately we used Google Charts API, because the other Google World Map products did not allow the color of the water to be customized. In this project the water needs be black so it blends with the web page it's on. The only problem with the Charts API version is that it's max size is 440x220.
I've been searching the internet for a while and I've been unable to find a better, larger more customizable World Map product.
Is there a larger than 440x220 World Map product, for pay or open source, that allows me to set the color of the water so that it blends seamlessly with the web page it's on?
The OpenStreetMap project has both web and application map producers, and you have no restriction on the size of the display map nor on the styline. Check out their wiki to get you started.
If you like the offerings by Google in general, have you seen the option for a maps visualization using Fusion Tables? Also, there is a May blog posting describing using Fusion Tables with dynamic styling that could be relevant.
I wrote a tool to create SVG maps : Make a clickable map which also has a world map
that you can customize to your liking: Create a world map using Makeaclickablemap
Hope this will help you or any other folks who are after a customizable world map!