 var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 16,
      center: {
        lat: 45.4215296,
        lng: -75.6971931
      },
      mapTypeId: google.maps.MapTypeId.ROADMAP
});

JavaScript

Copy

[blog-in-between-card]

Learn more how to Display / Show Google Maps on the view.

Define Line Coordinates

var lineCoordinates = [\
     new google.maps.LatLng(45.4215296, -75.6971931),\
     new google.maps.LatLng(45.4215296, -75.6571931)\
];

JavaScript

Copy

Line Symbol Style

var lineSymbol = {
  path: 'M 0,-2 0,1',
  strokeOpacity: 1,
  scale: 4
};

JavaScript

Copy

Draw Polyline On The Map

var line = new google.maps.Polyline({
  path: lineCoordinates,
  strokeOpacity: 0,
  icons: [{\
    icon: lineSymbol,\
    offset: '0',\
    repeat: '20px'\
  }],
  map: map
});

JavaScript

Copy

Disqus Recommendations

We were unable to load Disqus Recommendations. If you are a moderator please see our troubleshooting guide.

❮

4 years ago
1 comment

In this short tutorial, I'm going to show how to implement Marker …

4 years ago
4 comments

By the end of this JavaScript tutorial, you're going to learn how to create HTML …

4 years ago
4 comments

When you attach an event to an HTML Element, it will return the event object …

5 years ago
3 comments

Add an image as a background of an HTML element then resizing and …

3 years ago
1 comment

Learn how to fix Uncaught ReferenceError: google is not defined error when …

4 years ago
1 comment

In this short Firebase tutorial, you're going to see a side by side comparison of …

4 years ago
2 comments

In this Firebase version 9 tutorial, you're going to learn how to add Firebase …

5 years ago
2 comments

Learn how to get up and running with the VueJS 3 project from scratch with …

❯

tempest.services.disqus.com

tempest.services.disqus.com is blocked

This page has been blocked by an extension

Try disabling your extensions.

ERR_BLOCKED_BY_CLIENT

Reload

This page has been blocked by an extension

Disqus Comments

We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.

Start the discussion…

Comment

Log in with

or sign up with Disqus or pick a name

Disqus is a discussion network

Don't be a jerk or do anything illegal. Everything is easier that way.

Read full terms and conditions

This comment platform is hosted by Disqus, Inc. I authorize Disqus and its affiliates to:

Use, sell, and share my information to enable me to use its comment services and for marketing purposes, including cross-context behavioral advertising, as described in our Terms of Service and Privacy Policy, including supplementing that information with other data about me, such as my browsing and location data.
Contact me or enable others to contact me by email with offers for goods or services
Process any sensitive personal information that I submit in a comment. See our Privacy Policy for more information

Acknowledge I am 18 or older

Favorite this discussion
Discussion Favorited!

Favoriting means this is a discussion worth sharing. It gets shared to your followers' Disqus feeds, and gives the creator kudos!

Find More Discussions

Tweet this discussion
- Share this discussion on Facebook
- Share this discussion via email
- Copy link to discussion
Best
- Newest
- Oldest

Be the first to comment.

Load more comments

live.rezync.com

live.rezync.com is blocked

This page has been blocked by an extension

Try disabling your extensions.

ERR_BLOCKED_BY_CLIENT

Reload

This page has been blocked by an extension

pippio.com

pippio.com is blocked

This page has been blocked by an extension

Try disabling your extensions.

ERR_BLOCKED_BY_CLIENT

Reload

This page has been blocked by an extension

Twitter Widget Iframe

Google Maps API Tutorials (JavaScript)

Create A Map Object

Define Line Coordinates

Line Symbol Style

Draw Polyline On The Map

tempest.services.disqus.com is blocked

Log in with

or sign up with Disqus or pick a name

Disqus is a discussion network

Discussion Favorited!

live.rezync.com is blocked

pippio.com is blocked