Geocoding with Bing Maps - without VEMap - javascript

I am wondering if it possible to use Bing Maps API to perform geocoding (get long/lat based on Postal Code or address) as a batch process or at least without having to render a map with each geocode. With google maps API, the process looks like this
var geocoder=new google.maps.Geocoder();
geocoder.geocode({ 'address': pCodes[counter-1] }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK){
var pcode = results[0].address_components[0].long_name;
var lat = results[0].geometry.location.lat();
var lon = results[0].geometry.location.lng();
// do something with results
}
else {
// error condition
}
});
With Bing the VEMap map class, it looks like map and geocoding are bound together.

You are correct, the VEMap is for displaying maps.
If you just want location data, you can call the Bing Maps REST based Location API.
You can find out more about the API on MSDN at http://msdn.microsoft.com/en-us/library/ff701714.aspx

Related

Can you make a map based off address firebase? [duplicate]

This question already has answers here:
Using Address Instead Of Longitude And Latitude With Google Maps API
(5 answers)
Closed last year.
I am trying to make a program that creates a google map based off the address given by user input. As i can not manually embed a link for each page, how can i make it so that when a user answers a form with the address I can take that address and make a google map. Do i have to convert the address to latitude and longitude and then do that?
Regarding the Google maps javascript API, you need the latitude (lat) and longitude (lng) to place a marker on map. To find the lat and lng of an adress, you need a geocoding service.
Geocoding is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which you can use to place markers on a map, or position the map.
It exist a lot of geocoding services and Google Cloud Plateform provide one. First, you need to activate the Geocoding API in your acount (see this page from the documentation).
By using geocoding API
To find an adress (exemple: "1600 Amphitheatre Parkway, Mountain View, CA 94043, USA"), it's just a simple get request to the API with something like
https://maps.googleapis.com/maps/api/geocode/jsonaddress=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=YOUR_API_KEY
You can get the lat/lng from the JSON response and use it to place your marker on the map. To do it, just follow the instruction from the documentation and you be able to place your marker by doing something like
let myLatLng = {lat:myLatitude, lng:myLongitude};
new google.maps.Marker({
position: myLatLng,
map
});
By using Geocoder()
Like #JeremyW says, you can also call the geocoding service by using the Geocoder class from Google map javascript API (see this post).
let geocoder = new google.maps.Geocoder();
then...
let adress = "1600 Amphitheatre Parkway, Mountain View, CA 94043, USA";
geocoder.geocode( { 'address': address}, function(results, status){
if(status == google.maps.GeocoderStatus.OK){
if(status != google.maps.GeocoderStatus.ZERO_RESULTS){
let marker = new google.maps.Marker({
position: results[0].geometry.location,
map: map
});
}
else{
console.log("No results found");
}
}
else{
console.log("Geocode was not successful for the following reason: " + status);
}
}

Find Nearest Bars From User's Postcode Using Google Maps API

I am working on a project which requires me to find the nearest bars (pubs) within a parameter of 5 miles from the postcode (zipcode) of the user.
Is there a way to do this with Google Maps API to receive the data in an array, loop through it and them set up markers based on the lat and long received from the data?
You can find info on this particular feature of Google Maps API here:
https://developers.google.com/places/webservice/search
This web service lets you search with a keyword while specifying your position and a search radius, and returns a list of places matching those parameters in a json or xml document.
Your example would look like this:
https://maps.googleapis.com/maps/api/place/textsearch/json?key=your_api_key&query="bar"&location=lat,lon&radius=8000
You'll need to replace
your_api_key with the Google Maps API key for your application (you'll need one to use their web services)
lat,lon with the coordinates of the user, that you can find with the geocoding web service as user agmangas suggested
8000 with the actual search radius, in meters (5 miles is about 8km).
First you have to get the latitude and longitude from the zipcode of your user, this can be achieved using the Geocoding Service.
Once you have this I'd say you need to use the Places Library (disclaimer: I have never actually used it).
There's a code example under the Nearby Search section that I think more or less would fit your needs (you'd need to adapt it a bit):
var map;
var service;
var infowindow;
function initialize() {
// Replace with the latitude and longitude
// you got in a Geocoding Service request
var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);
map = new google.maps.Map(document.getElementById('map'), {
center: pyrmont,
zoom: 15
});
// Replace the place type you need ("bar")
// Replace the radius (5 miles)
var request = {
location: pyrmont,
radius: '500',
types: ['store']
};
service = new google.maps.places.PlacesService(map);
service.nearbySearch(request, callback);
}
function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
var place = results[i];
createMarker(results[i]);
}
}
}

Get latlng from different addresses using PHP & JavaScript

I'm using Google Maps Geocoding function. I got some addresses which I load into a PHP variable. The addresses are defined by a textbox which the user can type in a zip code. I give an example:
A user types in the textbox a postal code (12345 for example). Now it loads addresses from the system (this is internal - but it works to load the addresses). And then it display some addresses. These addresses are now stored in a PHP variable ($address). And now I want to get the latitude and longitude from these different addresses.
I had a look at this thread: Javascript geocoding from address to latitude and longitude numbers not working
I used this code from the article:
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
alert(latitude + ' - ' + longitude);
This is nice but it just give me the latlng from the address I typed in the textbox, not from all the addresses I got.
Is there a way to get the latitude and longitude from all the different addresses? If yes, could someone please explain me? I'm new to JavaScript and Google Maps API.
Thanks in advance
You can use the example given here.
See the code below for specific functionality:
geocoder = new google.maps.Geocoder();
function findAddress(address)
{
// You can pass the address from your PHP to Javascript using AJAX. Here, I'm assuming that you have done it and that you're passing it as a string argument to this function
geocoder.geocode( { 'address': address}, function(results, status)
{
if (status == google.maps.GeocoderStatus.OK)
{
return position: results[0].geometry.location;
}
else
{
// Show some message that the address cannot be found on map.
}
});
}

Google Maps API, place markers on countries without using coordinates

I am using the Google Maps API and currently successfully adding markers based on exact locations, but I would like to also be able to add markers over countries without needing to have the coordinates of that country.
Is this possible?
It is highly possible indeed. Use GeoCoder : https://developers.google.com/maps/documentation/javascript/geocoding
GeoCoder can return the lat / lngs for a country, just by knowing its name.
Assuming you already have a map :
geocoder = new google.maps.Geocoder();
function getCountry(country) {
geocoder.geocode( { 'address': country }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
getCountry('USA');
getCountry('Brazil');
getCountry('Denmark');
Will place markers on your map in the direct center of USA, Brazil and Denmark.
According to the Maps API, marker.position is a required property, and it must be of LatLng type. So at the very least you'd either need to know the coordinates at the centre of the country, or an bounded array of coordinates for the country from which you you can extrapolate the coordinates for the centre.
I believe that if you use the Geocoder with just the country name, the service will provide you with the coordinates for the exact centre of the country. I've not tested this, and I don't know what if there's a limit to how much you can use it, but it would be worth you checking it out as a solution to your question.
For example:
var geo = new google.maps.Geocoder();
geo.geocoder.geocode('Spain', function (data) {
// the coordinates are held in data[0].geometry.location.lat() and data[0].geometry.location.lng().
});

google maps apis-- JQuery & using Places libraries

I have a little hacked-together web app that uses the google maps api to draw data from a database and create and display markers and associated data on an embedded map, using JSON objects. I'm accessing the api here:
http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js
I've now realized I need a search box on the map, so users search for an address and the map will shift to display their desired location. Seems like I need the Places library, I can really easily implement a search box using the code samples in the documentation. I don't care about the Places themselves or doing anything with them, just identifying the location and shifting the resetting the bounds to that desired location. So I need to access the places library, which apparently is here:
https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false
BUT, my previous code (perhaps not surprisingly) breaks if I switch out the libraries. Is there any way to use both? Do I have to deal with Places is some other way because I'm already using JQuery for this app? Or is it just a problem with how I'm referring to the libraries?
Thanks! z
Simply Do this
var geocoder = new google.maps.Geocoder();
var address = document.getElementById("txtAddress").value;
var lat;
var lng;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK)
{
lat= results[0].geometry.location.latitude;
lng =results[0].geometry.location.longitude;
}
});
map.panTo(new google.maps.LatLng(lat,lng));
map.setZoom(14);

Categories