I was wondering if there is a function that I can add to my code to make it possible to move one of my markers (To place it at another position) in a embedded Google Map.
This is my code thus far:
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=d&source=s_d&saddr=Hans+Strijdom+Drive,+Pretoria,+Gauteng,+South+Africa&daddr=Unknown+road&hl=en&geocode=FduWdv4dNlewASkhQuYzIl6VHjFEDHPIU_FMeQ%3BFWo1df4dU16xAQ&aq=0&oq=Nkwe&sll=-25.868028,28.409872&sspn=0.046879,0.084543&mra=dme&mrsp=1&sz=14&ie=UTF8&ll=-25.868028,28.409872&spn=0.046879,0.084543&t=m&output=embed&z=12"></iframe>
The purpose being, being able to change the "From" marker, but not the "To" marker.
Related
I am using google map iframe embedded at my site and the code is
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1085.7167751755183!2d90.3674116098519!3d23.750896076109!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755bf51d563ecbb%3A0x1c5247613aecf1e8!2zS2lkcyAmIE1vbXMg4KaV4Ka_4Kah4Ka4IOCmj-CmqOCnjeCmoSDgpq7gpq4!5e0!3m2!1sen!2sbd!4v1493197219814&output=embed&iwloc=near" width="800" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
I want to remove address box from it and for that I have followed a solution
How to remove box from new Google Maps embeds? rawnewdlz solution. But the solution also removes the marker pointer. I need to keep that.
Please need help!
I have noticed a pattern just a few characters had to be removed.
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.9916256937586!2d2.2922926160647448!3d48.858370079287475!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!3m2!1sen!2sin!4v1493209164303" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
I have removed the following portion: 1m2!1s0x47e66e2964e34e2d%3A0x8ddca9ee380ef7e0!2sEiffel+Tower!5e0!
Trying to change the zoom level of the map returned below. I am using it as a link in excel. Have looked around and thought this should work as I change the z=1 to z=2, etc.
http://maps.google.com/maps?z=1&t=h&q=2517 MCDEARMON ST,SACHSE,TX,75408
That is with the "old" google maps, it was never documented and no longer works. If you want a URL for an embedded google map, use the Embed API, it has a documented zoom parameter.
example 2 embedded maps, just changing the zoom parameter in the URL
<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=2517+MCDEARMON+ST,SACHSE,TX,75408&zoom=10&key=API_key" allowfullscreen></iframe>
<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=2517+MCDEARMON+ST,SACHSE,TX,75408&zoom=1&key=API_key" allowfullscreen></iframe><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
I used to have a part of a web page for a venue display a map:
<iframe width="934" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?q=loc:36.12829973975456,-115.16433477401732&ie=UTF8&ll=36.12829973975456,-115.16433477401732&output=embed"></iframe>
Example of the complete page is here:
http://www.nationalvip.com/venue/4a9248d6f964a520091d20e3/xs-nightclub
This used to render to a pretty decent default street view. Somehow now I get the whole globe displayed and wrapped around. Any guesses as to what can be going on? Is there an easy fix for this?
Not sure what happened to your link, but the following should work
<iframe width="934" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/place/36%C2%B007'41.9%22N+115%C2%B009'51.6%22W/#36.128279,-115.164285,39m/data=!3m1!1e3!4m2!3m1!1s0x0:0x0?hl=en-US"></iframe>
It is a satellite view, not a Google Street View, but Street View may not be available for those coordinates.
How do I get an embedded Google Map not to show the pop-up window above the location marker on the map?
One used to change "iwloc=A" to "iwloc=near", but "iwloc does not appear in the code Google gave me.
Here is the code:
<iframe width="760" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?client=safari&oe=UTF-8&q=1324+Portesuello+Ave,+Santa+Barbara,+CA&ie=UTF8&hq=&hnear=1324+Portesuello+Ave,+Santa+Barbara,+California+93105&gl=us&t=m&ll=34.415053,-119.726944&spn=0.033988,0.065145&z=14&output=embed"></iframe><br /><small>View Larger Map</small>
Following is a code of my iframe kindly let me know is it possible to remove all the controls like removing selecting map type, direction control from following:
<iframe width="80%" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&msid=214928275585170600122.0004d0fda61d060c1d69e&iwloc=&output=embed"></iframe>
You cannot remove the map type controls when using the embed (iframe) method.
You could try developing your map using the Maps API javascript API that allows more granular control over the look and feel of your map.