Not rendering maps

[lakshmiaswath]

I am trying your react-here-maps for my new project. The map doesn't get rendered properly.

import React, { Component } from 'react';
import HEREMap from 'react-here-maps';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (

      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
        <article>
          <HEREMap 
            appId={“app_id”}
            appCode={“app_code”}
            center={{ lat: 51, lng: 0 }}
            zoom={14}
            secure={true}
          />
        </article>
      </div>
    );
  }
}

export default App;

Attached how my component looks like. Also attaching image how it looks

[Josh-ES]

Please note that you can embed code in a comment on GitHub by using back quotes, and syntax highlighting is supported. I've edited your post above, you can embed code like:

```js (code here) ```

[Josh-ES]

I can't reproduce your problem - are you setting the app ID and app code correctly in the component?

[lakshmiaswath]

Yes i'm setting the appId and appCode.So, this is how we pass right ?

  <HEREMap 
            appId={“7f7oMXnFEgUINPBJLRBH”}
            appCode={“jnaw70Jmxhgh_BBrXn1a5”}
            center={{ lat: 51, lng: 0 }}
            zoom={14}
            secure={true}
          />

Am i missing something ?

[arvenz0210]

Hi, I have the same problem. But it does not show the map. I use the "getting started" code. my credentials so ok

[Josh-ES]

@arvenz0210 If the map isn't showing at all for you, would you mind opening up a different issue for me? I could do with a screenshot either way, though. I think (hope!) I should be able to solve issues where the map doesn't show at all a fair bit easier than the kind of graphical glitch reported here.