1. Zh GoogleMap
  3. Plugin
  5. Place a map in the center of the window

Place a map in the center of the window

  • dream3w
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 3 months ago #6103 by dream3w
Place a map in the center of the window was created by dream3w
Hi,

I want to change position of my map, using plugin.

I tried with :
  • <div style="align: center;">
  • <div style="text-align: center;">
  • <p style="text-align: center;">

Nothing works.

Can you help me?

Regards,

Stephan

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago #6106 by Dima
Replied by Dima on topic Place a map in the center of the window
Hi.
You can create div, and apply any style. And into this div you can insert plugin call.

Check your styles. Probably template styles overrides yours.

The other way - you can assign CSS style for map div in map details, after that you can add your styles in template css file
Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

  • dream3w
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 3 months ago - 9 years 3 months ago #6109 by dream3w
Replied by dream3w on topic Place a map in the center of the window
Hi Dima,

I'va already create a div and apply center style. I use Google Chrome developper tools to check properties and try to find by myself but no success.

Here's my code (w/o unwanted lines).
<div style="align: center;">
 <div id="GMapsID_com_content_article_46_0_0_grp" style="margin: 0px; padding: 0px; width: 600px; height: 450px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;">
  <div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;" class="gm-style">
   <div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; cursor: url(http://maps.gstatic.com/mapfiles/openhand_8_8.cur) 8 8, default;">
    <div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; -webkit-transform-origin: 0px 0px; -webkit-transform: matrix(1, 0, 0, 1, -159, 15);">
     <div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
      <div style="position: absolute; left: 0px; top: 0px; z-index: 1;">
       <div style="width: 256px; height: 256px; position: absolute; left: -31px; top: 58px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt1.googleapis.com/vt?pb=!1m4!1m3!1i6!2i31!3i21!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 225px; top: 58px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt0.googleapis.com/vt?pb=!1m4!1m3!1i6!2i32!3i21!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 225px; top: -198px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt0.googleapis.com/vt?pb=!1m4!1m3!1i6!2i32!3i20!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: -31px; top: -198px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt1.googleapis.com/vt?pb=!1m4!1m3!1i6!2i31!3i20!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: -31px; top: 314px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt1.googleapis.com/vt?pb=!1m4!1m3!1i6!2i31!3i22!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 225px; top: 314px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt0.googleapis.com/vt?pb=!1m4!1m3!1i6!2i32!3i22!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 481px; top: 58px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt1.googleapis.com/vt?pb=!1m4!1m3!1i6!2i33!3i21!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 481px; top: -198px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt1.googleapis.com/vt?pb=!1m4!1m3!1i6!2i33!3i20!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 481px; top: 314px; opacity: 1; -webkit-transition: opacity 200ms ease-out;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt1.googleapis.com/vt?pb=!1m4!1m3!1i6!2i33!3i22!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 737px; top: 58px;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt0.googleapis.com/vt?pb=!1m4!1m3!1i6!2i34!3i21!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 737px; top: -198px;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt0.googleapis.com/vt?pb=!1m4!1m3!1i6!2i34!3i20!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
       <div style="width: 256px; height: 256px; position: absolute; left: 737px; top: 314px;">
        <img style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;" src="http://mt0.googleapis.com/vt?pb=!1m4!1m3!1i6!2i34!3i22!2m3!1e0!2sm!3i285000000!3m9!2sfr-FR!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0" draggable="false">
       </div>
      </div>
     </div>
    </div>
    <div style="position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; height: 100%;"></div>
   </div>
  </div>
 </div>
</div>
Last edit: 9 years 3 months ago by dream3w.

Please Log in or Create an account to join the conversation.

  • dream3w
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 3 months ago #6111 by dream3w
Replied by dream3w on topic Place a map in the center of the window
Hi,

Now U can see online version: helite v2

Regards,

Stephan

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago #6120 by Dima
Replied by Dima on topic Place a map in the center of the window
Error 520:
Website not authorized on OVH CDN
Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

  • dream3w
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 3 months ago #6123 by dream3w
Replied by dream3w on topic Place a map in the center of the window
Hi,

I have a problem with my sub-domain. Can U check by the code I place in previous post?

When the problem of sub-domain will be solved, U'll check on online version.

Regards,

Stephan

Please Log in or Create an account to join the conversation.

  1. Zh GoogleMap
  3. Plugin
  5. Place a map in the center of the window
Time to create page: 0.235 seconds

Main Menu

Help

Donate

Login Form


Go to top