Simple JSON example

Simple JSON example

HTML

<div class="title">Our Partner</div>

    <div class="search-container">
        <div class="search">
            <input type="text" id="zip-code-input" name="search" placeholder="Postleitzahl oder Partnername eingeben" />
            <i class="fas fa-search" onclick="searchStores()"></i>
        </div>
    </div>
	
</div>


<div class="search-container3">
<div class="search" id="hero">
<input type="checkbox" name="hero" value="Heimanwender" >Heimanwender  
<input type="checkbox" name="hero" value="SOHO"> SOHO
    <input type="checkbox" name="hero" value="Small Business"> Small Business
<input type="checkbox" name="hero" value="Medium Business"> Medium Business
<input type="checkbox" name="hero" value="Enterprise"> Enterprise
<input type="checkbox" name="hero" value="Öffentliche Hand"> Öffentliche Hand
<input type="checkbox" name="hero" value="Gesundheitswesen"> Gesundheitswesen



</div>
</div></div>
    <div class="store-list-container ">
        <div class="stores-list">

            <!-- Store List -->
            <div class="store-container">
                <div class="store-container-background">
                    <div class="store-info-container">
                        <div class="store-address">
                            <span>257 S. La Cienega Blvd.</span>
                            <span>Beverly Hills, CA 90211</span>
                        </div>

                        <div class="store-phone-number">243-2363-334</div>
                    </div>
                    <div class="store-number-container">
                        <div class="store-number">1</div>
                    </div>
                </div>
            </div>  <div class="store-container">
                <div class="store-container-background">
                    <div class="store-info-container">
                        <div class="store-address">
                            <span>257 S. La Cienega Blvd.</span>
                            <span>Beverly Hills, CA...

JavaScript

let stores = [{
    "recommendation": {},
    "id": "1",
	"laden": "true",
	"name": "CDE",
    "phoneNumber": "310-659-9562",
    "coordinates": {
        "latitude": 52.596570,
        "longitude": 10.069920

    },
    "regulations": [],
    "address": {
        "city": "Celle",
        "countryCode": "DE",
        "postalCode": "34567"
    },
  
    "brandName": "ABC",
    "openStatusText": "8.00 Uhr bis 18.00 Uhr",
		"state": "PLATIN PARTNER",   
"productLines": [ "Gesundheitswesen"],
"addressLines": ["H 127", "34567 Celle"],
   
    "slug": "la-cienega-gregory-way-257-s-la-cienega-blvd-beverly-hills-ca-902113301-u"
}, {
    "recommendation": {},
    "id": "2",
	"laden": "ja",
	"name": "DEF",
    "coordinates": {
        "latitude": 49.01895905,
        "longitude": 10.96065044

    },
    "regulations": [],
    "address": {
        "city": "Wei\u00dfenburg Bayern",
        "countryCode": "DE",
        "postalCode": "12345"
    },
  
    "brandName": "CDE",
    "openStatusText": "09.00 Uhr bis 12.00 Uhr, 13.00 Uhr bis 17.00 Uhr",

	"state": "PLATIN PARTNER",   
"productLines": ["Heimanwender", "SOHO", "Small Business" , "Medium Business", "Enterprise", "Öffentliche Hand", "Gesundheitswesen"],
"addressLines": ["T. 1", "12345 Wei\u00dfenburg Bayern"],
   
    "slug": "la-cienega-gregory-way-257-s-la-cienega-blvd-beverly-hills-ca-902113301-u"
}]

var map;
var markers = [];
var infoWindow;
var locationSelect;

function initMap() {
    var jena = {
        lat: 50.92878,
        lng: 11.5899
    };
    map = new google.maps.Map(document.getElementById('map'), {
        center: jena,
        zoom: 11,
        mapTypeId: 'roadmap',
        mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }
    });

    infoWindow = new google.maps.InfoWindow();
    searchStores();
}


// Keypress event
document.getElementById('zip-code-input').addEventListener('keypress', function(e){
    if(e.which == 13){
        searchStores();
   ...