\
**Category:** Ionic Native\
**Created:** [June 19, 2017, 9:12pm UTC](https://forum.ionicframework.com/t/native-google-maps-infowindow-html/95031 "2017-06-19T21:12:12Z")\
**Posts on this page:** 6\
**Page:** 1
**Author:**  [@fzamperin](https://forum.ionicframework.com/u/fzamperin)\
**Post date:** [June 19, 2017, 9:12pm UTC](https://forum.ionicframework.com/t/native-google-maps-infowindow-html/95031/1 "2017-06-19T21:12:12Z")
Hi guys I’m trying to use the Google Maps native plugin, the problem is that I can’t set the infowindow to work with html snippets, let me show an example:
```
this.map.addMarker({
snippet: this.snippet,
icon: {
url: './assets/images/iconemarco.png',
size: {
width: 30,
height: 35
}
},
position: positionTeste,
})
```
snippet is defined as: `snippet: string = 'This is HTML'`
And this is how the window is look like:
How can I make the plugin understand that the text inside is an HTML snippet, tried everything already, any hints? Thanks in advance.
---
**Author:**  [@fzamperin](https://forum.ionicframework.com/u/fzamperin)\
**Post date:** [June 20, 2017, 4:27pm UTC](https://forum.ionicframework.com/t/native-google-maps-infowindow-html/95031/2 "2017-06-20T16:27:48Z")
My ionic info:
```auto
global packages:
@ionic/cli-utils : 1.4.0
Cordova CLI : 7.0.1
Ionic CLI : 3.4.0
local packages:
@ionic/app-scripts : 1.3.7
@ionic/cli-plugin-cordova : 1.4.0
@ionic/cli-plugin-ionic-angular : 1.3.1
Cordova Platforms : android 6.2.3 ios 4.4.0
Ionic Framework : ionic-angular 3.2.1
System:
Node : v7.7.1
OS : macOS Sierra
Xcode : Xcode 8.3.3 Build version 8E3004b
ios-deploy : 1.9.1
ios-sim : 5.1.0
npm : 4.1.2
```
and package.json
```auto
"dependencies": {
"@angular/common": "4.1.0",
"@angular/compiler": "4.1.0",
"@angular/compiler-cli": "4.1.0",
"@angular/core": "4.1.0",
"@angular/forms": "4.1.0",
"@angular/http": "4.1.0",
"@angular/platform-browser": "4.1.0",
"@angular/platform-browser-dynamic": "4.1.0",
"@ionic-native/camera": "^3.9.2",
"@ionic-native/core": "3.7.0",
"@ionic-native/facebook": "^3.9.2",
"@ionic-native/geolocation": "^3.12.1",
"@ionic-native/google-maps": "^3.12.1",
"@ionic-native/native-geocoder": "^3.12.1",
"@ionic-native/social-sharing": "^3.10.3",
"@ionic/storage": "2.0.1",
"angular2-text-mask": "^8.0.0",
"cep-promise": "^2.0.4",
"cordova-android": "^6.2.3",
"cordova-ios": "^4.4.0",
"cordova-plugin-add-swift-support": "^1.6.0",
"cordova-plugin-camera": "^2.4.1",
"cordova-plugin-compat": "^1.1.0",
"cordova-plugin-console": "^1.0.7",
"cordova-plugin-device": "^1.1.6",
"cordova-plugin-facebook4": "^1.9.1",
"cordova-plugin-geolocation": "^2.4.3",
"cordova-plugin-googlemaps": "git+https://github.com/mapsplugin/cordova-plugin-googlemaps.git#multiple_maps",
"cordova-plugin-googlemaps-sdk": "git+https://github.com/mapsplugin/cordova-plugin-googlemaps-sdk.git",
"cordova-plugin-ios-non-exempt-encryption": "^1.0.0",
"cordova-plugin-nativegeocoder": "^1.0.2",
"cordova-plugin-splashscreen": "^4.0.3",
"cordova-plugin-statusbar": "^2.2.3",
"cordova-plugin-whitelist": "^1.3.2",
"cordova-plugin-x-socialsharing": "^5.1.8",
"cordova-sqlite-storage": "^2.0.4",
"es6-promise-plugin": "^4.1.0",
"ionic-angular": "3.2.1",
"ionic-native": "2.4.1",
"ionic-plugin-keyboard": "^2.2.1",
"ionicons": "3.0.0",
"moment": "^2.18.1",
"phonegap-plugin-push": "^1.10.5",
"rxjs": "5.1.1",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.10"
}
```
---
**Author:**  [@fzamperin](https://forum.ionicframework.com/u/fzamperin)\
**Post date:** [June 20, 2017, 8:13pm UTC](https://forum.ionicframework.com/t/native-google-maps-infowindow-html/95031/3 "2017-06-20T20:13:30Z")
After a long search, I saw that the HTMLinfoWindow class from cordova-plugin-googlemaps is missing from the ionic native google maps, so waiting for this to happen, thanks
---
**Author:**  [@Kochraph](https://forum.ionicframework.com/u/Kochraph)\
**Post date:** [September 1, 2017, 7:20am UTC](https://forum.ionicframework.com/t/native-google-maps-infowindow-html/95031/4 "2017-09-01T07:20:57Z")
Hey, I am having the same issue still now, did you found any other way to achieve what you wanted ?
thanks
---
**Author:**  [@fzamperin](https://forum.ionicframework.com/u/fzamperin)\
**Post date:** [September 1, 2017, 9:42pm UTC](https://forum.ionicframework.com/t/native-google-maps-infowindow-html/95031/5 "2017-09-01T21:42:21Z")
I ended up using the javascript version of the google maps and worked, although I guess there’s a new version of the ionic-native plugin that supports this feature now, have a look at the github project ionic-native.
---
**Author:**  [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\
**Post date:** [November 28, 2017, 10:12pm UTC](https://forum.ionicframework.com/t/native-google-maps-infowindow-html/95031/6 "2017-11-28T22:12:50Z")
```auto
let htmlInfoWindow = new HtmlInfoWindow();
let frame: HTMLElement = document.createElement('div');
frame.innerHTML = [
'Hearst Castle
',
'
'
].join("");
frame.getElementsByTagName("img")[0].addEventListener("click", () => {
htmlInfoWindow.setBackgroundColor('red');
});
htmlInfoWindow.setContent(frame, {width: "280px", height: "330px"});
this.map.addMarker({
position: {lat: 35.685208, lng: -121.168225},
draggable: true,
disableAutoPan: true
}).then((marker: Marker) => {
marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe(() => {
htmlInfoWindow.open(marker);
});
});
```
> **[@ionic-native/google-maps](https://docs.google.com/presentation/d/1zlkmoSY4AzDJc_P4IqWLnzct41IqHyzGkLeyhlAxMDE/edit#slide=id.gefe7d3b89a139c8_101)**
>
> @ionic-native / google-maps Cordova GoogleMaps plugin project Masashi Katsumata