{"id":6421,"date":"2024-07-25T17:41:00","date_gmt":"2024-07-25T22:41:00","guid":{"rendered":"https:\/\/www.ragesw.com\/blog\/?p=6421"},"modified":"2024-07-24T05:43:22","modified_gmt":"2024-07-24T10:43:22","slug":"getting-started-with-everwebs-new-map-fill-for-more-map-options-than-ever","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2024\/07\/25\/getting-started-with-everwebs-new-map-fill-for-more-map-options-than-ever\/","title":{"rendered":"Getting Started with EverWeb’s NEW Map Fill for More Map Options Than Ever!"},"content":{"rendered":"\n
<\/span>\"\"
\n

<\/p>\n<\/div><\/div>\n\n\n\n

The new Shape Options Map Fill feature, introduced in EverWeb 4.2<\/a>, gives you more options and control than ever before for any Google Maps that you may want displayed in your website. In addition to EverWeb<\/a>‘s existing Google Maps widget, you now have map fill options available from the Shape Options tab.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Google Maps Widget or Shape Options Map Fill?<\/h2>\n\n\n\n

From EverWeb 4.2 onwards, you now have two ways of adding a map to your website: The Google Maps widget and the Shap Options tab’s Map Fill option. The Google Maps widget was introduced in EverWeb 1.0 and offers you a simple Roadmap view displayed in your website. Just enter an address in the Address field of the widget’s Widget Settings and you will see the resulting map in the Editor Window.<\/p>\n\n\n\n

Now in EverWeb 4.2 you can now choose to fill a shape object with a map instead. Using the new Shape Options Map Fill gives you three different levels of map features.<\/p>\n\n\n\n

If you only require a simple map with no extra features, you can use either the Google Maps widget or the Shape Options tab’s Simple Map (Deprecated) feature. They both use the same Roadmap feature. If your map requirements require more options and flexibility, you should choose either the Shape Options Map Fill Basic Map (Free) or Advanced Map option<\/p>\n\n\n\n

<\/div>\n\n\n\n

Starting With the Shape Options Map Fill<\/h2>\n\n\n\n

To use EverWeb’s Map Fill feature, first <\/p>\n\n\n\n

    \n
  1. Go to the page where you want to add the map, or create a new page, in your site<\/li>\n\n\n\n
  2. Click on the Shape button in the Toolbar and select a shape. Note that when using the Map Fill option, whatever shape you have chosen here will be converted in to a rectangular shape in order to display the map.<\/li>\n\n\n\n
  3. Click on the Shape Options tab in the Inspector Window<\/li>\n\n\n\n
  4. In the Fill section, click on the dropdown menu and choose ‘Map’ from the menu.<\/li>\n\n\n\n
  5. You now see a notice informing you that you will need to use a Google API Key in order to access the available map Basic Map (Free) and Advanced Map features.<\/li>\n\n\n\n
  6. Choose to either ‘Get Google API Key…’ or ‘Got It’ if you already have an API Key, or want to set this up later. We will discuss getting a Google API Key later on in this blog post.<\/li>\n<\/ol>\n\n\n\n
    <\/div>\n\n\n\n

    Map Fill Choices<\/h2>\n\n\n\n

    When it comes to using EverWeb’s new Map Fill feature you have three different levels of map integration to choose from:<\/p>\n\n\n\n

      \n
    1. Simple Map (Deprecated)<\/li>\n\n\n\n
    2. Basic Map (Free)<\/li>\n\n\n\n
    3. Advanced Map<\/li>\n<\/ol>\n\n\n\n

      The first level, Simple Map (Deprecated), offers the same Roadmap map display as found in EverWeb’s Google Maps widget. Just enter the address that you want in the Location field and the map will be displayed in the Editor Window. The one difference between using the Google Maps widget and the Shape Options feature is that the latter allows you to set a zoom level for the displayed map in the Editor Window.<\/p>\n\n\n\n

      The second Map Fill option is the Basic Map (Free) option. This option requires that you complete the Google Maps API Key field in order to use its features (see below). This map option allows you to select either a Roadmap view or a Satellite view. In Roadmap view, you can toggle Terrain and Labels on or off, whilst in Satellite view you have the option only to toggle Labels.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      Google Maps Cloud Platform and API Keys<\/h2>\n\n\n\n

      When you use the new Map Fill option in EverWeb 4.2 or higher, you will need to include an “API Key code” if you want to use the Basic (Free) or Advanced Map features. <\/p>\n\n\n\n

      Once you have generated the necessary Key you will then enter it in to the Map Fill \u2018Google Maps API Key\u2019 field.<\/p>\n\n\n\n

      Generating the Google Maps API Key is easy because when you select the Basic or Advanced Map option, EverWeb will display a dialog box with an option to \u2018Get Google Maps API Key\u2019.<\/p>\n\n\n\n

      When you click on this option, you will be taken in to Google Cloud Platform which will then step you through generating a Maps API Key that you can use in EverWeb.<\/p>\n\n\n\n

      In order to generate a Google Maps API Key, you will required to complete the following steps:<\/p>\n\n\n\n

      \u2022 Create a Google account if you do not have one already, then add Google Cloud Platform to your account.<\/p>\n\n\n\n

      \u2022 If you already have a Google account, you may be asked to log in. Once logged in you may be asked to add Google Cloud Platform to your account.<\/p>\n\n\n\n

      \u2022 You may also be asked to supply billing details to Google. If you are using the Basic (Free) option in EverWeb, you will not be billed. If you are using the Advanced Maps option, you will be charged by Google for using the Advanced Map features.<\/p>\n\n\n\n

      \u2022 You will need to create a Google Could Platform Project, if you have not already created one.<\/p>\n\n\n\n

      \u2022 You will need to make sure that you enable Google Maps Platform APIs and SDKs for your Google Cloud Platform project.<\/p>\n\n\n\n

      Once you have completed the steps required by Google to generate a Google Maps API Key, copy the API Key to the Clipboard and paste it in to the Google Maps API Key field in the Map Fill section in EverWeb.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      Next Steps…<\/h2>\n\n\n\n

      Now that you have added your Map Fill object to your page in conjunction with generating a Google Maps API Key, you can now explore Map Fill’s options as explained in our “EverWeb’s Shape Options Map Fill Feature Set Explained<\/a>!” post. <\/p>\n\n\n\n

      <\/p>\n\n\n\n

      if you have any comments on this post, please let us know in the Comments Section below!<\/p>\n\n\n\n


      <\/p>\n\n\n\n

      \n

      EverWeb on Social Media<\/h2>\n\n\n\n

      You can also find EverWeb on the following social media platforms:<\/p>\n\n\n\n

      Facebook<\/a><\/p>\n\n\n\n

      Flipboard<\/a><\/p>\n\n\n\n

      YouTube<\/a><\/p>\n\n\n\n

      X<\/a><\/p>\n\n\n\n

      Instagram<\/a><\/a>
      <\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

      EverWeb 4.2’s new Map Fill option lets you add customisable map solutions to your site’s pages with lots of customization options! Check out our post for more info!…<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[247,252,2],"tags":[944,838,709,231,978,968,732],"class_list":["post-6421","post","type-post","status-publish","format-standard","hentry","category-everweb","category-everweb-software","category-software","tag-best-website-builder-2024","tag-everweb-for-mac","tag-everweb-for-windows","tag-google-maps","tag-google-maps-widget","tag-map-fill","tag-shape-options"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/6421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=6421"}],"version-history":[{"count":12,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/6421\/revisions"}],"predecessor-version":[{"id":6550,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/6421\/revisions\/6550"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=6421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=6421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=6421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}