I have built a WordPress website to be used as an admin only interface. I have grabbed a Google Maps API key and copied the example code from the tutorials at:
https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap
I have copied the code provided by Google into an admin page template but nothing is showing. When I inspect the page content I can see that extra styling is added:
<div id="map" style="position: relative;overflow: hidden;">
If I turn off either of those stylings I can see the map appear but it does not fit at all even if specific heights and widths are defined.
I wondered if anyone else has had any luck trying to achieve the same thing?
Turned out it wasn't the css addition at all, it was that the map div needed to have the height defined in pixels instead of percentage!
Related
I’m trying to fix google maps that work with Pro version of Plugin WP Go Maps.
I see that some classes and styles are not being applied to the map. For example class wpgmza-initialized.
How NOT working html code are look https://ibb.co/QnMZJPf
How normal map are looking on my another project on my localhost https://ibb.co/42NFjZR
It seems that some javascript errors may affect the display of the map. But I can’t understand what exactly needs to be fixed.
How it looks on site
I have fixed jquery error. And it's working
We use Zoho creator which allows us to generate iframe "code" to embed in html.
When we do that, additional blank lines are added to the end of the displaed results.
You can see what I mean on this page I created to illustrate the issue:
https://themezz.com/zoho/index.html - it has 5 lines of text with the iframe tucked it; yet many blank lines are added. View page source please.
Also tried many variations of the height and width tags with negative results.
https://themezz.com/zoho/index2.html
The ultimate goal is to embed that chart into a Wordpress theme, which I have done, but of course all the additional blank lines appear which look like crap. I embedded it in the Wordpress php, as well as tried as a widget, and also ran it through feedburner as RSS THEN into Wordpress with all poor results.
I think it's a Zoho issue, but their tech support has not replied nor has anyone in the Zoho support community.
Perhaps someone can think of a solution, or a workaround for eliminating these blank lines.
Appreciate your time.
Do you want it to look like this
i have tried it in zoho creator pages ,only change being done is in height attribute
code:
<html>
<p>every</p> <p>good</p> <p>boy</p> <p><iframe src="https://creator.zohopublic.com/kyl184/resource-dispatch/view-embed/Embed_page/yRSBBntzf7Au4MrZ6k6rnB1mjD46uYmSpeW1bUdwpVzCFmJKdwn6Ssr7YOs3Aa1A5D261uUXx22aOXAPOdHgxPeJ6BE2rbg3eeSR?" width="800px" height="300px" frameborder="0" scrolling="no"></iframe> </p> <p>does</p> <p>fine</p>
here is a demo page view from wordpress containing your iframe data
I'm new to using AddThis, or any form of social media toolbars etc, however I have the following image:
http://songhype.com/wp-content/themes/song/images/social/twitter.png
I need to code this into a social icon, along with a Facebook version.
My initial idea was to just add that in as an image, and then position the text for the number of followers/tweets to be over the top of the grey portion, however I've found this to not work, is there any other method I could use?
With Twitter, you need to get a site key and use their API. Facebook provides a pretty simple copy/paste functionality and has the basic instructions for how to do it on their page.
If you check the HTML for the you can replace the image with your own.
https://dev.twitter.com/docs/follow-button
https://developers.facebook.com/docs/reference/plugins/like/
I've having an issue with Google maps not centering on the pin. See an example of the issue here: http://www.heyheygorgeous.com/enzocoboston/test
You'll see that if the google map is placed in the first tab, it works. Click on the other tabs and the google map doesn't center on the pin.
Please let us know what to do to resolve this issue. Thanks.
For the google map to work inside a hidden tab, try setting the iframe width of the google map to 100% instead of using a px width. Example: width="100% height="350"
If you're using wordpress, just grap an iframe plugin, otherwise WP will erase the tags when you switch between VISUAL and HTML views.
You can see an example here: Fairmont Scottsdale Princess (click "map")
i am using the lightbox2 module in my drupal site.
i would like to be able to trigger the lightbox on content that lies withing the same page.
something like this:
<a rel="lightbox" href="#">Show content in light box</a>
<div id="content_to_show">the content i want to show in my light box</div>
cant figure out a way to do that.
any help ?
well after searching around, i have came to the conclusion that lightbox is not the proper plug in to use.
instead i am using the colorbox plugin at http://colorpowered.com/colorbox/ which has this capability integrated, and simple to use.