Google map custom map

Question

0.00/5 (No votes)

See more:

Hello friends,

I am very new for google maps. I am creating an application using google map. I want to show my custom map over it. So I used image overlay and set it's bounds. Image is showing ok. but problem is this I want to show only my custom map, but not area other that custom map. means I want to fix the visible area on map to the bounds of my custom image how can I do this. please help me

imageBounds are:

var imageBounds = new google.maps.LatLngBounds(
        new google.maps.LatLng(40.716216,-74.213393),
        new google.maps.LatLng(40.765641,-74.139235)
    );

Thanks in advance.

Posted 6-Dec-10 21:06pm

darora85

Updated 6-Dec-10 22:57pm

Sandeep Mewara

v2

Add a Solution

1 solution

Add a Solution

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

TheyCallMeMrJames · Answer 1 · 2010-12-07T03:55:00

Unless the area that you're trying to lay an image over maps to the same size as the tiles for the zoom level you're at, you're out of luck.

You might be able to use a PNG image as a frame and place it with CSS to 'mask' out the areas you don't like (but I'm not fully sure if this is in adherence with the Google terms of use...check that out first).

Your other option would be to create an image bigger than the area revealed at the zoom level you're viewing.

Cheers.

Google map custom map

1 solution

Solution 1

Add your solution here

Preview 0

Google map custom map

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us