Map marker doesn't seem

3 replies · opened Apr 27, 2020

GgeocitysApr 27, 2020

Hi,

I can't show red marker on the map. Could you please help me?

I add contact.html file of my project.

Thanks for your help.

GgeocitysApr 27, 2020

<!DOCTYPE html>
<html dir="ltr" lang="TR">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

&lt;meta name="author" content="SemiColonWeb" /&gt;

&lt;!-- Stylesheets
============================================= --&gt;
&lt;link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" /&gt;
&lt;link rel="stylesheet" href="css/bootstrap.css" type="text/css" /&gt;
&lt;link rel="stylesheet" href="style-vars.css" type="text/css" /&gt;
&lt;link rel="stylesheet" href="css/dark.css" type="text/css" /&gt;
&lt;link rel="stylesheet" href="css/font-icons.css" type="text/css" /&gt;
&lt;link rel="stylesheet" href="css/animate.css" type="text/css" /&gt;
&lt;link rel="stylesheet" href="css/magnific-popup.css" type="text/css" /&gt;

&lt;link rel="stylesheet" href="css/responsive.css" type="text/css" /&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;

&lt;!-- Document Title
============================================= --&gt;
&lt;title&gt;İletişim&lt;/title&gt;
&lt;link rel="icon" href="images/logo.ico"&gt;

</head>

<body class="stretched">

&lt;!-- Document Wrapper
============================================= --&gt;
&lt;div id="wrapper" class="clearfix"&gt;

	&lt;!-- Header
	============================================= --&gt;
	&lt;header id="header" class="full-header dark"&gt;

		&lt;div id="header-wrap"&gt;

			&lt;div class="container clearfix"&gt;

				&lt;div id="primary-menu-trigger"&gt;&lt;i class="icon-reorder"&gt;&lt;/i&gt;&lt;/div&gt;

				&lt;!-- Logo
				============================================= --&gt;
				&lt;div id="logo"&gt;
					[

attachment
](index.html)

attachment

</div><!-- #logo end -->

				&lt;!-- Primary Navigations
				============================================= --&gt;
				&lt;nav id="primary-menu"&gt;

					
						&lt;li class="current"&gt;[ANASAYFA](index.html)

<!--

-->

<!-- Top Search
============================================= -->
<div id="top-search">


<form action="search.html" method="get">
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter..">
</form>
</div><!-- #top-search end -->

				&lt;/nav&gt;&lt;!-- #primary-menu end --&gt;

			&lt;/div&gt;

		&lt;/div&gt;

	&lt;/header&gt;
	
	&lt;!-- #header end --&gt;
	&lt;!-- Page Title
	============================================= --&gt;
	&lt;section id="page-title"; style="background-image: url(images/iletisim.png); background-position: top; background-size: auto; background-repeat: no-repeat; padding: 175px"&gt;

		&lt;div class="container clearfix"&gt;
			&lt;h1 style="text-align: center; font-size: 80px; color: white"&gt;İletişim&lt;/h1&gt;
        &lt;/div&gt;
	&lt;/section&gt;&lt;!-- #page-title end --&gt;

	&lt;!-- Page Sub Menu
	============================================= --&gt;
	&lt;div id="page-menu"&gt;

		&lt;div id="page-menu-wrap"&gt;

			&lt;div class="container clearfix"&gt;

				&lt;div class="menu-title"&gt;&lt;/div&gt;

				&lt;div id="page-submenu-trigger"&gt;&lt;i class="icon-reorder"&gt;&lt;/i&gt;&lt;/div&gt;

			&lt;/div&gt;

		&lt;/div&gt;

	&lt;/div&gt;&lt;!-- #page-menu end --&gt;

	&lt;!-- Content
	============================================= --&gt;
	&lt;section id="content"&gt;

		&lt;div class="content-wrap"&gt;

			&lt;div class="container clearfix"&gt;

				&lt;!-- Contact Form
				============================================= --&gt;
				&lt;div class="col_half"&gt;

					&lt;div class="fancy-title title-border"&gt;
						&lt;h3 style="color: black"&gt;İletişim Formu&lt;/h3&gt;
					&lt;/div&gt;

					&lt;div class="form-widget"&gt;

						&lt;div class="form-result"&gt;&lt;/div&gt;

						&lt;form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/form.php" method="post"&gt;

							&lt;div class="form-process"&gt;&lt;/div&gt;

							&lt;div class="col_one_third"&gt;
								&lt;label for="template-contactform-name"&gt;İsim &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third"&gt;
								&lt;label for="template-contactform-email"&gt;E-posta &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third col_last"&gt;
								&lt;label for="template-contactform-phone"&gt;Telefon&lt;/label&gt;
								&lt;input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="clear"&gt;&lt;/div&gt;

							&lt;div class="col_three_third"&gt;
								&lt;label for="template-contactform-subject"&gt;Konu &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="text" id="template-contactform-subject" name="subject" value="" class="required sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="clear"&gt;&lt;/div&gt;

							&lt;div class="col_full"&gt;
								&lt;label for="template-contactform-message"&gt;Mesaj &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"&gt;&lt;/textarea&gt;
							&lt;/div&gt;

							&lt;div class="col_full hidden"&gt;
								&lt;input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="col_full"&gt;
								&lt;button name="submit" type="submit" id="submit-button" tabindex="5" value="Submit" class="button button-3d nomargin"&gt;Gönder&lt;/button&gt;
							&lt;/div&gt;

							&lt;input type="hidden" name="prefix" value="template-contactform-"&gt;

						&lt;/form&gt;
					&lt;/div&gt;

				&lt;/div&gt;&lt;!-- Contact Form End --&gt;

				&lt;!-- Google Map
				============================================= --&gt;
				&lt;div class="col_half col_last"&gt;

					&lt;section id="google-map" class="gmap" style="height: 410px;"&gt;&lt;/section&gt;

				&lt;/div&gt;&lt;!-- Google Map End --&gt;

				&lt;div class="clear"&gt;&lt;/div&gt;

				&lt;!-- Contact Info
				============================================= --&gt;
				&lt;div class="row clear-bottommargin"&gt;

					&lt;div class="col-lg-3 col-md-6 bottommargin clearfix"&gt;
						&lt;div class="feature-box fbox-center fbox-bg fbox-plain"&gt;
							&lt;div class="fbox-icon"&gt;
								[](#)
							&lt;/div&gt;
							&lt;h3&gt;Adres&lt;span class="subtitle"&gt;Fatih Sultan Mehmet Blv, No:38, D:1, İhsaniye Bursa, Türkiye&lt;/span&gt;&lt;/h3&gt;
						&lt;/div&gt;
					&lt;/div&gt;

					&lt;div class="col-lg-3 col-md-6 bottommargin clearfix"&gt;
						&lt;div class="feature-box fbox-center fbox-bg fbox-plain"&gt;
							&lt;div class="fbox-icon"&gt;
								[](#)
							&lt;/div&gt;
							&lt;h3&gt;Telefon&lt;span class="subtitle"&gt;+(90) 224 249 00 09&lt;/span&gt;&lt;/h3&gt;
							&lt;h3&gt;&lt;span class="subtitle"&gt;+(90) 532 133 20 48&lt;/span&gt;&lt;/h3&gt;
						&lt;/div&gt;
					&lt;/div&gt;

					&lt;div class="col-lg-3 col-md-6 bottommargin clearfix"&gt;
						&lt;div class="feature-box fbox-center fbox-bg fbox-plain"&gt;
							&lt;div class="fbox-icon"&gt;
								[](https://www.instagram.com/doctorsinanofficial/?hl=tr)
							&lt;/div&gt;
							&lt;h3&gt;Bize mesaj atın&lt;span class="subtitle"&gt;Instagram&lt;/span&gt;&lt;/h3&gt;
						&lt;/div&gt;
					&lt;/div&gt;

					&lt;div class="col-lg-3 col-md-6 bottommargin clearfix"&gt;
						&lt;div class="feature-box fbox-center fbox-bg fbox-plain"&gt;
							&lt;div class="fbox-icon"&gt;
								[](https://facebook.com/doktorsinan1/?locale2=tr_TR)
							&lt;/div&gt;
							&lt;h3&gt;Bize mesaj atın&lt;span class="subtitle"&gt;Facebook&lt;/span&gt;&lt;/h3&gt;
						&lt;/div&gt;
					&lt;/div&gt;

				&lt;/div&gt;&lt;!-- Contact Info End --&gt;

			&lt;/div&gt;

		&lt;/div&gt;

	&lt;/section&gt;&lt;!-- #content end --&gt;

	&lt;!-- Footer
	============================================= --&gt;
	&lt;footer id="footer" class="not-dark" style="background-color: white"&gt;

		&lt;div class="container"&gt;

			&lt;!-- Footer Widgets
			============================================= --&gt;
			&lt;div class="footer-widgets-wrap clearfix"&gt;

				&lt;div class="col_one_third"&gt;

					&lt;div class="widget clearfix"&gt;

attachment

					&lt;/div&gt;

				&lt;/div&gt;

				&lt;div class="col_one_third"&gt;

			&lt;div class="widget widget_links clearfix"&gt;
  • Anasayfa

  • Tedaviler

  • Ekibimiz

  • İletişim

                          &lt;/div&gt;
                          
    
                      &lt;/div&gt;
    
                  &lt;div class="col_one_third col_last"&gt;
                      
                      &lt;div class="widget clearfix"&gt;
              
                          &lt;div&gt;
                              &lt;address&gt;
                                  **W Clinics Bursa**&lt;br&gt;
                                  Fatih Sultan Mehmet Blv. No:38&lt;br&gt;
                                  Nilüfer/Bursa&lt;br&gt;
                                  &lt;abbr title="Phone Number"&gt;**Telefon:**&lt;/abbr&gt; +(90) 224 249 00 09&lt;br&gt;
                              &lt;abbr title="Email Address"&gt;**E-posta:**&lt;/abbr&gt; info@wclinics.com.tr
                              &lt;/address&gt;
                          &lt;/div&gt;
    
                      &lt;/div&gt;
    
                      &lt;div class="widget clearfix"&gt;
    
                          [
                              
                              
                          ](https://facebook.com/doktorsinan1/?locale2=tr_TR)
                          
                          [
                              
                              
                          ](https://www.instagram.com/doctorsinanofficial/?hl=tr)
    
                          [
                              
                              
                          ](https://www.youtube.com/channel/UCzqr76_fAFdJUyldaZ3xqaw)
                          
    
                          [
                              
                              
                          ](#)
    
                      &lt;/div&gt;
                  &lt;/div&gt;
    
              &lt;/div&gt;&lt;!-- .footer-widgets-wrap end --&gt;
    
          &lt;/div&gt;
    
          &lt;!-- Copyrights
          ============================================= --&gt;
          &lt;div id="copyrights" style="background-color: #333333; max-height: 40px"&gt;
    
              &lt;div class="container clearfix"&gt;
    
                  &lt;div class="col_half" style="color: #C6A482; align-content: center"&gt;
                      Copyrights &copy; 2020 All Rights Reserved by W Clinics.&lt;br&gt;
                  &lt;/div&gt;
    
              &lt;/div&gt;
    
          &lt;/div&gt;&lt;!-- #copyrights end --&gt;
    
      &lt;/footer&gt;&lt;!-- #footer end --&gt;

    </div><!-- #wrapper end -->

    <!-- Go To Top
    ============================================= -->
    <div id="gotoTop" class="icon-angle-up"></div>

    <!-- External JavaScripts
    ============================================= -->
    <script src="js/jquery.js"></script>
    <script src="js/plugins.js"></script>

    <!-- Footer Scripts
    ============================================= -->
    <script src="js/functions.js"></script>

    <script src="https://maps.google.com/maps/api/js?key=AIzaSyCMnz26D7wGPLYH9_jUp8Liz2MQ75I5p4M"></script>
    <script src="js/jquery.gmap.js"></script>

    <script>

      jQuery('#google-map').gMap({
          address: 'İhsaniye, Fatih Sultan Mehmet Blv. 32-40, 16130 Nilüfer/Bursa',
          maptype: 'ROADMAP',
          zoom: 14,
          markers: [
              {
                  address: "İhsaniye, Fatih Sultan Mehmet Blv. 32-40, 16130 Nilüfer/Bursa",
                  html: '&lt;div style="width: 300px;"&gt;&lt;h4 style="margin-bottom: 8px;"&gt;W Clinics&lt;/h4&gt;&lt;/p&gt;&lt;/div&gt;',
                  icon: {
                      image: "images/icons/map-icon-red.png",
                      iconsize: [32, 39],
                      iconanchor: [32,39]
                  }
              }
              
          ],
          doubleclickzoom: false,
          controls: {
              panControl: true,
              zoomControl: true,
              mapTypeControl: true,
              scaleControl: false,
              streetViewControl: false,
              overviewMapControl: false
          }
      });

    </script>

</body>
</html>

SSemicolon WebSTAFFApr 28, 2020

Hello,

We have tried your Exact Codes on Our Development Files and everything appears to be working perfectly fine for us (image attached). We suspect that the issue is related to Customized Codes. You can also consider checking your Maps JS Code with the Default Files in the Package and everything should work fine. So the issue is not with the Template Files but due to some customization. Please make sure that you are using the Default Codes as provided with the Package.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard