I am not able to see the dialog box in the google maps.... i adjusted the width and height of maps but its not working.... is there some other way... providing my code below....
http://jsfiddle.net/KNPZB/4/embedded/result/
<div class="row features">
<div class="span6">
<h3>Our office is located at:</h3>
<p>
47653, Lakeview Blvd, Fremont, CA 94538
</p>
<p>
Ph. (510)-657-8981 | F:(510)-657-8983|E:cs@defie.co
</p>
<p>
47653, Lakeview Blvd, Fremont, CA 94538
</p>
</div>
<div class="span6">
<iframe width="265" height="190" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=47657+Lakeview+Blvd.+Fremont,+Ca.+94538&sll=37.472223,-121.931554&sspn=0.008225,0.019569&vpsrc=0&ie=UTF8&hq=&hnear=47657+Lakeview+Blvd,+Fremont,+California+94538&z=14&ll=37.472223,-121.931554&output=embed"></iframe><br>
<small>
<a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=47657+Lakeview+Blvd.+Fremont,+Ca.+94538&sll=37.472223,-121.931554&sspn=0.008225,0.019569&vpsrc=0&ie=UTF8&hq=&hnear=47657+Lakeview+Blvd,+Fremont,+California+94538&z=14&ll=37.472223,-121.931554" style="color:#0000FF;text-align:left">View Larger Map</a>
</small>
</div>
</div>
I think you need to make embedded google map scale according to the size of the browser window.
So try using this: <iframe width="50%" height="50%"...
Sitepoint has a good CSS reference: http://reference.sitepoint.com/css
I don't know how you are planning to fit the information bubble in such a tiny space, since the bubble itself is bigger than your allocated size for the <iframe>
element.
In any case, what you want to do is keeping the pin in the correct position (look for the q
and sll
parameter) but move the center of the map itself a bit down and to the left by fiddling with the ll
parameter (ie latitude and longitude).
I have fiddled a bit for you in this demo . Just for reference, I pushed your ll
of just around +0,0083/+0,0035
. So we are speaking of small amounts.
I also show you the tiniest possible space in which you can fit both the pin and the info bubble: you need a square of around 260px × 260px
, and even then it fits barely, overlapping with the control. So you might want to give a bit more breathing space to your map, or maybe considering using a static map .
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.