How to include GoogleMap in asp.net (WebForm)? - asp.net

I tried include the GoogleMap into Asp.net Web form by using the codes from
http://www.w3schools.com/googleapi/tryit.asp?filename=tryhtml_map_many.
But when I run the codes, it shows the map for awhile and display the errormessage. Anyone can tell me what is the cause and how to solve it?
Please enlighten me.

Read This page didn't load Google Maps correctly. See the JavaScript console for technical details
In other words, you should obtain an API key to be able to use the map, and set it in the code
<script
src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY">
</script>

Related

"Invalid HTML, CSS, or JavaScript found" when injecting Builderall's Facebook Messenger bot into GTM's Custom HTML tag configuration

I understand that GTM does not like plain HTML. It gives this response when attempting to publish the container: "Invalid HTML, CSS, or JavaScript found".
I saw part of my needed answer from a similar question: Invalid HTML when adding Facebook chat suppport code using Google Tag Manager?.
However, I don't know much anything regarding coding and just getting into it. Any help with injecting this 3rd party script into GTM would be greatly appreciated.
There are about 50,000 other people using this 3rd party software Builderall, and so if you can help me, you'll be helping them too, I'm sure.
<script id="builderall_ws_bot" src="https://chatbot.eb4us.com/bot.js" bot_id="7762" usr="22365"></script>

Custom Google Form? Example of Google Form API?

I'm trying to make a google form look like my own site. I found examples of how to do this on How to style Google Forms and google-custom-form (GitHub project), but I tried both of the examples they give and they seem to fail now.
I had a look at Class Form - Google Apps Script which seems to be like an API, but I can't get my head around the documentation. Does anyone have an example of it working. Or has found another way of getting this to work? It would be really handy to do as embedded forms look really out of sync with the rest of the site.
The API you're linking to is an apps script API. This is needed if you want to create dynamic forms (dynamic amount of questions, dynamic answers,...) but not for custom styling. An intro to appscript can be found on this page: https://developers.google.com/apps-script/
You could just create a form manually on https://www.google.com/forms/about/
You can change the styling and colors in the top-right of the page. When you are ready to embed the form on your own page you have to press "SEND", an select the embed icon <> at the top.
I've worked with this a ton, and still have issues with it. Been learning the new api v4 for sheets but still having trouble, it is still in beta too. For now I can recommend this solution though by heaversm on github.
https://github.com/heaversm/google-custom-form
The example fully works as long as you find the entry.xxxxxxx for each field and replace in the appropriate js. To avoid the embed issues, give your form submit on a click function that has the event as the input and then preventDefault on the event like so:
$('#submit-button').on('click', function(event){
event.preventDefault();
// continue code from heaversm
});
Hope this works for you. Cheers

where to include google analytics tracking code

I want to use google analytics in my website, but I don't understand where I have to put the tracking code. I built my web page using Yii and php, and I am also using templates. I read the google page about the tracking code, and it says:
If your website uses templates to generate pages, enter it just before
the closing tag in the file that contains the the section.
I tried to put the tracking code before </head>, but it didn't work. Please, someone could help me? I don't understand what google means.
Thanks.
You should be placing it within your views, preferably before the </head> tag. When you say it didn't work, what is it doing? Did it throw an error - if so, what?

Google Map not working in Jquery Tool Overlays modal dialog

I am using jquerytools(http://jquerytools.org/) for the overlays modal dialog in my site. Now i have to show google map in modal window(jquery tool layover), but unfortunately google map is not loaded in overlay.
What i am doing is just showing a complete form in Overlay(using ajax request, i got complete html for the form"that includes google map as well" and render it in layover). In my case its not loading the google map but other form elements are rendered successfully. I have open that page(that i fetch via ajax request to show in overlay) in separate tab and then it shows proper elements with google map as well.
It seems to me that google maps are conflicting with jquery tools layover.
Anyone else stuck in the same problem or any idea for its solutions. Thanks in advance.
NOTE: I am not talking about google maps overlay. My issue is showing google maps in overlay modal dialog
After looking through internet i found that showing google maps in overlay modal dialogue using ajax request is not a way. I use iframe and it resolved my issue. Now i use iframe and google map is loaded at page load time and it works perfectly fine for me. If anyone can suggest a way to do it via ajax request then i would consider that way probably. As far as i searched on internet iframe would be best option in this scenario
I followed the link you give above (event-in-town.com/place/index/addlocationlayover), which you say loads the map fine, but I don't see a map when I load that page. One thing I see - there is a problem in the URL that loads the map:
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&language=&region=DE">
</script>
The correct parameter to define the language for your map is: &language=DE, so start by changing your map load URL to:
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&language=DE">
</script>
That should get you moving in the right direction -

Google Maps API bug?

I built a web app where I'm using the Google API. Yesterday it worked fine but today I can't see the map anymore, just a grey background. The geo coordinates are fine and all the markers are in good position but the map isn't loading.
Is it something related to the API? Has anyone experienced this? Might be due to a cross-domain or policy issue?
just found that is may be due to the v= speficied
so you should use v=3.3
<script src="https://maps-api-ssl.google.com/maps/api/js?v=3.3&sensor=false" type="text/javascript"></script>
Is valid remember:
You don't need set the api version.
If you use: https://maps.googleapis.com/maps/api/js you just adds the key as a parameter.
Resulting in: https://maps.googleapis.com/maps/api/js?key=YOUR_KEY"
Probably, the problem will be solved when you put a valid key.
How you register and get one key, you can see here: https://console.developers.google.com
I hope help you!

Resources