How to drop a pin on google maps free

Abundant of developers faced this problem how to drop a pin on google maps  free. If you want to embed a map on your website, the best solution is Google Map.

Now the question is, how to drop a pin on google maps free? You can easily drop a pin on google map. But how would you drop a pin on google maps with multiple locations free.

Here is the free mapping tool, via this you can create a google map with multiple locations.

Below creating a tutorial on,

How to drop a pin on google maps free


How to drop a pin on google maps free - Dashboard - No hype no lies
Dashboard

Here is the dashboard, after click on '+CREATE A NEW MAP' button you will redirect to another page.

    Create google map with multiple location

    How to drop a pin on google maps free - Creating map - No hype no lies

    Creating map

    This is the first step of creating a google map with multiple locations. You can edit title and description of map. And also guide yourself via creating multiple layers on google map.

    Edit title and description


    How to drop a pin on google maps free - Edit title and description - No hype no lies
    Edit title and description

    You can see I am editing the title and description of google map.

    Edit layer

    How to drop a pin on google maps free - Edit layer - No hype no lies
    Edit layer

    You can also edit layer name. Now it's time to learn how to drop a pin on google map.

    Search your location

    How to drop a pin on google maps free - Select city/country name - No hype no lies
    Type city/country name
    Let's select city or your location name. Type your location google will suggest then select one of them. The pointer will automatically set. Like below image.

    Drop a pin on google map

    Drop a pin on google map
    How to drop a pin on google maps free - Drop pin on google map - No hype no lies
    Drop a pin on google map
    So you drop a pin on google map. After dropping pin on google map now you need to add that location into your layer section. You can see the highlighted yellow color in the both images. Both way, you can add map on your layer list.

    How to drop a pin on google maps free - Embed map on your website - No hype no lies
    Embed map on your site
    You can also embed map on your site. But there is a little problem. You will see error like below image.

    Embed error


    How to drop a pin on google maps free - Embed error - No hype no lies
    Embed error

    Here is the error " This map is not public, click the share button to allow others to view it. " Now we will learn how to solve google map embed error. Before embed your custom map we need to share this map with public.

    Share google map

    How to drop a pin on google maps free - Share your map - No hype no lies
    Share google map

    After click on " Share " button. You will see something like that.
    How to drop a pin on google maps free - Share your map 1 - No hype no lies
    Share your map 1
    You will see this popup window. Focus on yellow color. By default google set this map privacy to private. Now you need to make it public. Click on " Change " you will get some options. Select the public. After that you will see something like below image.
    How to drop a pin on google maps free - Share your map 2 - No hype no lies
    Share your map 2

    Now all users can see your map. Press the "Done" button now you can easily embed this map on your site. Check this out below.

    Go to embed option


    How to drop a pin on google maps free - Embed map on your site 2 - No hype no lies
    Embed map on your site 2
    Now do this step again. After clicking on "Embed on my site" you will see a popup menu. But now you won't see any error.

    iframe code

    How to drop a pin on google maps free - Iframe code - No hype no lies
    iframe code

    Now see, you get a iframe code. Now just need to copy that code and place it in your site. Find any problem. Knock me asap.

    Google map style

    How to drop a pin on google maps free - Change the location pointer color - No hype no lies
    Change the location pointer color
    You can also change the google maps style. Here is the way to change the pointer color. Click on it you will see more options. Play with them. Want to know anything comment below. 

    Preview of custom google map

    How to drop a pin on google maps free - Preview 1 - No hype no lies
    Preview 1

    How to drop a pin on google maps free - Preview 2 - No hype no lies
    Preview 2
    Here is the preview of two different location pointer color. If you found anything helpful then please share with your friends. Here is the quote for you guys. 
    “If we have no peace, it is because we have forgotten that we belong to each other.”
    ― Mother Teresa


    Comments

    Popular posts from this blog

    Automatic Date and Time Enable Kali Linux

    The Benefits and Information of USB Type C

    Best VPS Hosting for SEO