CODEWITHSUNDEEP
google-mapsgoogle-maps-api-3
Senthil
Senthil

Reputation: 956

Maps API not showing border which was visible is google maps

I am using Google maps API for my project.

var elevator;
var myOptions = {
    zoom: 3,
    center: new google.maps.LatLng(55.50, -129.35),
    mapTypeId: 'terrain'
};
map = new google.maps.Map($('#map_canvas')[0], myOptions);

var address="CA,state"
$.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+address+'&sensor=false', null, function (data) {
  var p = data.results[0].geometry.location
  var latlng = new google.maps.LatLng(p.lat, p.lng);
  new google.maps.Marker({
      position: latlng,
      map: map
  });
});

Google Maps CA in maps.google.com

enter image description here

In My App through API

enter image description here

California Boundary is not shown in map which drawn through API. Any help will be useful.

Upvotes: 0

Views: 166

Answers (1)

ffflabs
ffflabs

Reputation: 17481

Google Maps API leaves to the user the job of implementing anything outside the basic features.

Google Maps shares a lot of features in common with Google Maps API but it has always had an edge over his little brother.

For this particular case, you could use a google.maps.KmlLayer to display your desired boundaries. For this, you need a publicly available kml file. This means, if you find said kml, storing it in your public dropbox folder would suffice. Also, there's a size limit on kml files, so don't get carried away.

I guess you need more than just California, but here's an example just for CA

var map = new google.maps.Map(document.getElementById("map"), {
    zoom: 5,
    disableDefaultUI: true,
    zoomControl: true,
    center: new google.maps.LatLng(38, -111),
    mapTypeId: "roadmap"
});

var ctaLayer = new google.maps.KmlLayer({
                  url: 'https://dl.dropboxusercontent.com/u/3133731/kml/california.kml', 
                  map:map,
                  preserveViewport: true,
                  suppressInfoWindows: true
                });

Here: I made you a jsFiddle.

Upvotes: 1

Related Questions