Polymer 3 - Google Maps files missing

Question

I am having the same issue as Polymer 3 - Google Maps. After reading the above thread, I seem to be missing the two files google-apis/google-maps-api.js and google-map-marker.js.

In the hope it would download all the dependent files for Google Maps I issued these commands:

npm install @em-polymer/google-map
npm install google-maps
npm install

What am I doing wrong?

Answer 1

This worked for me.

import { html } from '@polymer/lit-element';
    import '@em-polymer/google-map/google-map.js';
    import '@em-polymer/google-map/google-map-marker.js';
    import { PageViewElement } from './page-view-element.js';

    // These are the shared styles needed by this element.
    import { SharedStyles } from './shared-styles.js';

    class MyView1 extends PageViewElement {
      render() {
        return html`
          ${SharedStyles}

          <section>
            <h2>Static page</h2>
            <p>This is a text-only page.</p>
            <p>It doesn't do anything other than display some static text.</p>
          </section>
          <section>
            <style>
            google-map {
              height: 600px;
            }
          </style>
          <google-map latitude="39.84143133531688" longitude="-117.4895451470561" api-key="1234"></google-map>
            </section>
        `;
      }
    }

    window.customElements.define('my-view1', MyView1);