As documented the PlacesService accepts as argument either a map or an node where to render the attributions for the results. So you only have to use the node (a node being an html element) instead of the map. Please note: hiding the attributions violates the places-policies(also hiding the map when used as argument, because … Read more
Creating and using the key is the way to go. The usage is free until your application reaches 25.000 calls per day on 90 consecutive days. BTW.: In the google Developer documentation it says you shall add the api key as option {key:yourKey} when calling the API to create new instances. This however doesn’t shush … Read more
First you have to add the eventlistener google.maps.event.addListener(map, ‘click’, find_closest_marker); Then create a function that loops through the array of markers and uses the haversine formula to calculate the distance of each marker from the click. function rad(x) {return x*Math.PI/180;} function find_closest_marker( event ) { var lat = event.latLng.lat(); var lng = event.latLng.lng(); var R … Read more
var myOptions = { zoom: 2, center: **Your LatLng object**, mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID] }, // here´s the array of controls disableDefaultUI: true, // a way to quickly hide all controls mapTypeControl: true, scaleControl: true, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE }, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); // displays in <article … Read more
Considering that key has to be included in the <script> tags of your HTML pages, to load the JS files/data from google’s servers, there is nothing you can do : you must put it in your HTML files every one can take a look at those. Still, it doesn’t really matter : if anyone tries … Read more
I like mrt’s solution (especially when you don’t know how many points you will be mapping or adjusting for), except it throws the marker off so that it isn’t in the center of the map anymore. I simply extended it by an additional point subtracting .01 from the lat and lng as well, so it … Read more
You can render your icon using the SVG Path notation. See Google documentation for more information. Here is a basic example: var icon = { path: “M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0”, fillColor: ‘#FF0000’, fillOpacity: .6, anchor: new google.maps.Point(0,0), strokeWeight: 0, scale: 1 } var marker = new google.maps.Marker({ position: event.latLng, map: map, draggable: … Read more
The answer is actually in the 2nd paragraph you linked to, but your code should look something like this: var mapOptions = { center: mapCenter, zoom: 10, streetViewControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP };
What you are looking for is called reverse geocoding. Google provides a server-side reverse geocoding service through the Google Geocoding API, which you should be able to use for your project. This is how a response to the following request would look like: http://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&sensor=false Response: { “status”: “OK”, “results”: [ { “types”: [ “street_address” ], … Read more
In May 2017 Google launched the official Google Maps URLs documentation. The Google Maps URLs introduces universal cross-platform syntax that you can use in your applications. Have a look at the following document: https://developers.google.com/maps/documentation/urls/guide You can use URLs in search, directions, map and street view modes. For example, to show the marker at specified position … Read more